@charset "utf-8";
@font-face
{
font-family: times;
src: url('times.ttf');
}
.hide{display:none;}
body{ min-width: 1200px; background: #f5f5f5; }
.wrapper{height:100%;}
.logo { position: absolute; left: 0px; }
.superNav { width: 100%; height: 90px; position: fixed; z-index: 30; left: 0px; top: 0px; background: url(../images/topBg.png) repeat; }
.superNav-inner { width: 100%; margin-right: auto; margin-left: auto; position: relative; }
.superNav-inner-header { float: left }
.superNav-inner-header-icon { display: none; }
.superNav-inner-nav { text-align: right; }
.superNav-inner-nav li { display: inline-block; padding: 0 20px; }
.superNav-inner-nav a { display: inline-block; line-height: 84px; color: #fff; font-size: 16px; padding: 0px 8px; margin-top: 4px; position: relative; }
.superNav-inner-nav a:before{ width:0%; height:4px; background:#E71E0F; position:absolute; left:50%; top:-4px; content:""; transition:all 0.3s ease-in-out}

@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-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: 30px; padding-bottom: 80px; display: none; margin-left: 0; }
.superNav-inner-nav li { display: block; }
.superNav-inner-nav a { display: inline-block; line-height: 50px; text-decoration: none; width: 90%;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 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;
}
}
}
#superContainer {height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
.verMiddle .tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.verMiddle.table {display: table;width: 100%;}
.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{}
.fullBanner .swiper-slide{overflow:hidden;}
@keyframes imageAnimation { 
	0% {
	    transform: scale(1);
		animation-timing-function: ease-in;
	}
	100% { 
	    transform: scale(1.2);
	    animation-timing-function: ease-out;
	}
}
.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); }
.hm_t1ch { font-size: 30px; color: #FFFFFF; line-height: 46px; text-align: center; opacity:0; transition:all 0.5s ease-in; transform:translateY(-200px); }
.headRes { position: absolute; right: 0px; top:10px; text-align: right; width: 126px; }
.headRes_a { height: 30px; width: 30px; float: left; margin-left: 12px; }
.headRes_a1,.headRes_a1:hover{ background: url(../images/topIcon1.png) no-repeat; }
.headRes_a2,.headRes_a2:hover{ background: url(../images/topIcon2.png) no-repeat; }
.headRes_a3,.headRes_a3:hover{ background: url(../images/topIcon3.png) no-repeat; }
.fullBanner .pagination{ position: absolute; width: 100%; bottom: 35px; z-index: 5; left: 0px; text-align: center; }
.fullBanner .swiper-pagination-switch{ background: url(../images/hmFocusIcons.png) no-repeat left top; height: 16px; width: 23px; opacity: 1; transition: all 0.3s ease; display: inline-block; margin: 0px 5px; }
.fullBanner .swiper-active-switch{ background: url(../images/hmFocusIcons.png) no-repeat right top; transform:rotate(0deg) }
.hmTxt1 { width: 23.9%; position: absolute; top: 35.5%; left: 18.75%; text-align: right; color: #FFF; }
.hmtxt1_img { width: 89%; float: right; margin-bottom: 12px; transform:translateY(-200px); opacity:0; transition:all 0.5s ease-in-out; }
.hmtxt2_img { float: right; width:100%; transform:translateX(-200px); opacity:0; transition:all 0.5s ease-in-out; }
.hmtxt3 { font-size: 16px; line-height: 30px; text-align: right; padding-top: 8px; float: right; width: 100%; transform:translateX(200px); opacity:0;  }
.swiper-slide-active .hmtxt1_img{ transform:translateY(0px); opacity:1}
.swiper-slide-active .hmtxt2_img{ transform:translateX(0px); opacity:1; }
.swiper-slide-active .hmtxt3{ transform:translateX(0px); opacity:1; }
#sliderMenu { position: fixed; height: 168px; top: 50%; right: 35px; z-index: 99; margin-top: -84px; }
.section{background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative;height:600px !important;}
#sliderMenu li { height: 24px; font-size: 14px; text-transform: uppercase; color: #FFF; line-height: 24px; }
.sliderNum { color: #e7757a; margin-right: 7px; display:none }
.sliderNm{display:none;}
.sliderLine { background: url(../images/sliderIcon2.png) no-repeat; float: right; height: 11px; width: 11px; margin: 6px 0px 0px 13px; }
.active .sliderNum,.active .sliderNm{display:inline-block;}
.active .sliderLine{ background: url(../images/sliderIcon1.png) no-repeat; }
.hmc2Box { height: 525px;padding-top: 90px;}
.hmc2Left { background: url(../images/hmc2Bg.png) no-repeat 135px top; height: 525px; width:575px; float: left; position: relative; text-align: center; }
.active .hmc2Left{opacity:1; }
.hmc2_snm,.hmc2_snm:hover { color: #FFF; background: #E71F0F; text-align: center; display: block; height: 32px; width: 138px; position: absolute; left: 50%; top: -16px; font-size: 13px; line-height: 32px; text-transform: uppercase; margin-left: -69px; }
.hmc2_t1 { font-size: 24px; color: #e71e0f; line-height: 46px; padding-top:20px; }
.hmc2_t2 { margin-bottom:6px; font: bold 36px/60px Arial; }
.hmc2_t3 { font-size: 16px; font-weight: bold; line-height: 34px; margin-bottom: 25px; }
.hmc2_des { font-size: 14px; line-height: 28px; color: #494949; }
.hmc2Right { margin-left:700px; }
.hmc2Right ul li { padding: 0px 18px; float: left; width: 93%; }
.active .hmc2Right ul li:nth-child(1){ }
.active .hmc2Right ul li:nth-child(2){ }
.hmc2Right ul { margin: 0px -16px; }
.hmc2_aBox { display: block; text-align: center;}
.hmc2_aBox strong { line-height: 48px; height: 48px; margin-top: 40px; font-size: 16px; font-weight: bold; color: #e71e0f; }
.hmc2_aBox p { font-size: 14px; line-height: 24px; color: #4a4a4a; }
.hmc3_t1 { color: #FFF; font: 34px/36px times; text-transform: uppercase; text-align: center; padding-top:80px;  }
.hmc3_t2 { font-size: 26px; color: #FFF; line-height: 38px; margin-bottom: 72px; text-align: center; }
.active .hmc3_t1{ }
.active .hmc3_t2{ }
.hmc3List li{ }
.active .hmc3List li:nth-child(1){ opacity:1; transform:rotateY(0deg); transition-delay:0.6s}
.active .hmc3List li:nth-child(2){ opacity:1; transform:rotateY(0deg); transition-delay:0.8s}
.active .hmc3List li:nth-child(3){ opacity:1; transform:rotateY(0deg); transition-delay:1.0s}
.active .hmc3List li:nth-child(4){ opacity:1; transform:rotateY(0deg); transition-delay:1.2s}
.hmc3_aBox { display: block; }
.hmc3_st1 { line-height: 52px; height: 52px; text-align: center; font-size: 16px; color: #FFF; position: relative; margin: 10px 0px 16px; }
.hmc3_des { font-size: 14px; line-height: 24px; color: #FFF; height: 48px; overflow: hidden; text-align: center;}
.hmc3_st1:after{ content: ""; height: 2px; width: 12px; margin-left: -6px; position: absolute; left: 50%; bottom: 0px; background: #FFF; transition:all 0.5s ease-in-out }
.hmc3_aBox:hover .hmc3_st1:after{ width: 42px; margin-left: -21px; }
.hmFooter { background: url(../images/topBg.png) repeat; height: 66px; font-size: 13px; line-height: 66px; color: #999999; width: 100%; position: absolute; z-index: 1; left: 0px; bottom: 0px; }
.hmFooter a{ color: #999999;}
.hmFooter a:hover{color:#ccc;}
.m2Footer { position: static; background: #363636;float: left; }
.m2bomBox { background: #444444; padding: 40px 0px 35px; color: #c0c0c0; font-size: 13px; line-height: 24px; float: left;
width: 100%;}
.m2bomL { float: left; width:430px;margin-left: 50px;margin-top: 13px;
font-size: 16px;
line-height: 30px; }
.m2bomR { float: right; width:330px; margin-top:13px; }
.m2bomM {}
.m2bomDl { float: left; width: 135px; }
.m2bomDl:nth-child(2){width:165px;}
.m2bomDl dt { font-weight: bold; line-height: 30px; height: 30px; width: 100%; overflow: hidden; }
.m2bomBox a{color: #c0c0c0;}
.m2bomBox a:hover{ color: #CFCFCF; }
.m2banner { height: 520px; }
.m2pubBox { background: #FFF; margin-bottom: 55px; position: relative; z-index: 2; padding: 0px 50px;  }
.m2resBox {line-height: 68px; text-align: center; height: 68px; width: 340px; font-size: 16px; font-weight: bold; color: #FFF; position: absolute; top: -68px; right: 0px; background: #E71E0F; }
.m2res_1 { background: url(../images/m2res_icon1.png) no-repeat; display: inline-block; height: 19px; width: 24px; margin-left: 12px; }
.m2res_2 { background: url(../images/m2res_icon2.png) no-repeat; display: inline-block; height: 19px; width: 24px; margin-left: 12px; }
.m2res_3 { background: url(../images/m2res_icon3.png) no-repeat; display: inline-block; height: 19px; width: 24px; margin-left: 12px; }
.m2res_4 { background: url(../images/m2res_icon4.png) no-repeat; display: inline-block; height: 19px; width: 24px; margin-left: 12px; }
.m2resBox text,.m2resBox a{vertical-align:middle;}
.m2pubTop { padding: 50px 0px 11px; border-bottom: 1px dotted #ddd; position: relative; }
.m2pubTop_lg { position: absolute; right: 0px; bottom: 16px; }
.m2pubTop strong { font-size: 30px; line-height: 46px; font-weight: normal; display: block; padding-right: 250px; }
.m2pubTop_st { display: block; font-size: 16px; color: #666666; line-height: 26px; padding-right: 250px; }
.m2pubCon1 { margin: 0px -40px; font-size: 14px; line-height: 28px; color: #666666; padding: 20px 0px; }
.m2pubCx1 { padding: 0px 40px; }
.m2editor { font-size: 14px; line-height: 28px; color: #666; padding-bottom: 40px; }
.m2page { text-align: center; height: 66px; margin-top: 7px; }
.m2page_prev { background: url(../images/page_icon.png) no-repeat left bottom; display: inline-block; height: 12px; width: 46px; margin: 0px 18px; }
.m2page_prev:hover { background: url(../images/page_icon.png) no-repeat left top;}
.m2page_backList { background: url(../images/page_icon.png) no-repeat -87px bottom; display: inline-block; height: 12px; width: 24px; margin: 0px 18px; }
.m2page_backList:hover { background: url(../images/page_icon.png) no-repeat -87px top;}
.m2page_next { background: url(../images/page_icon.png) no-repeat right bottom; display: inline-block; height: 12px; width: 47px; margin: 0px 18px; }
.m2page_next:hover { background: url(../images/page_icon.png) no-repeat right top;}
.m2menu { line-height:50px; height: auto; border-bottom: 1px solid #ddd; text-align: center; background: #FFF; position: relative; z-index: 5; }
.m2menu ul li { display: inline-block; position: relative; border-bottom: 1px dotted #c3c3c3;
width: 80%;}
.m2menu_a { font-size: 14px; color: #272727; line-height:50px; display: inline-block; height:50px; padding: 0px 10px; position: relative; }
.on .m2menu_a,.m2menu_a:hover { font-weight: bold; color: #272727; }
.on .m2menu_a:after,.m2menu_a:hover:after{ background: #262626; display: block; height: 3px; width: 100%; position: absolute; left: 0px; bottom: 0px; content:"" }
.m2SubMenu { width: 138px; margin-left: -69px; position: absolute; left: 50%; top: 66px; padding-top: 16px; background: url(../images/arrowIcon.png) no-repeat center top; display:none }
.m2SubMenu dl { background: #FFFFFF; padding: 16px 14px; border-radius: 0.3em; }
.m2SubMenu dl dd { line-height: 36px; border-bottom: 1px dotted #ddd; font-size: 14px; }
.m2menu_a2:hover { font-weight: bold; color: #333; }
.m2SubMenu dl dd:last-child{border:none;}
.m2menu li:hover .m2SubMenu{display:block;}
.m2caseList { padding-top: 60px; }
.page { text-align: center; height: 77px; }
.m2caseList { margin: 0px -23px; }
.m2case_aBox { display: block; background: #FFF; }
.m2caseList li { padding: 0px 23px; margin-bottom: 46px; }
.m2caseBom { line-height: 56px; border-bottom: 3px solid #FFF; padding: 5px 125px 0px 15px; font-size: 16px; font-weight: bold; position: relative; transition:all 0.6s ease-in-out }
.m2case_more i { background: url(../images/m2case_icon2.png) no-repeat; position: absolute; right: -21px; top: 24px; display: block; height: 7px; width: 16px; transition:all 0.6s ease-in-out }
.m2case_more i.on{ opacity: 0; filter: alpha(opacity=0); background: url(../images/m2case_icon1.png); }
.m2case_aBox:hover .m2caseBom { color: #e71e0f; border-bottom: 3px solid #e71e0f; }
.m2case_more { text-transform: uppercase; position: absolute; right: 38px; font-size: 13px; font-weight: normal; top: 5px; display: block; }
.m2case_aBox:hover .m2case_more i.on{opacity:1; filter:alpha(opacity=100);}
.m2case_aBox .autoImg { position: relative; }
.m2caseLayer { background: url(../images/m2caseBg.png) repeat; position: absolute; height: 100%; width: 100%; left: 0px; top: -100%; right: 0px; bottom: 0px; transition:all 0.3s ease-in-out; opacity:0; }
.m2caseMoreIcon { background: url(../images/serIcon.png) no-repeat; height: 66px; width: 66px; position: absolute; left: 50%; top: 300px; margin-top: -33px; margin-left: -33px; transition:all 0.3s ease-in-out; opacity:0; }
.m2case_aBox:hover .m2caseLayer{top:0; opacity:1;}
.m2case_aBox:hover .m2caseMoreIcon{ top: 50%; opacity:1;}
.m2pubTop2 strong { padding-right: 0px; }
.m2pubTop2 .m2pubTop_st { padding-right: 0px; }
.m2pubTop2 { padding-bottom: 16px; }
.m2editor2 { padding: 22px 0px 58px; }
.m2caseTable { text-align: center; margin: 22px 0px; }
.m2case_sbx { text-align: center; display: inline-block; float: left; }
.m2case_sbxSpna { line-height: 20px; font-size: 16px; color: #FFF; background: #A83630; display: table; padding: 7px 0px; border: 1px solid #FFF; width: 110px; }
.m2case_sbxSpna div { display: table-cell; text-align: center; height: 40px; vertical-align: middle; }
.m2itr_t { font-size: 36px; line-height: 60px; padding-top: 64px; }
.m2itr_st { font-size: 24px; line-height: 46px; margin-bottom: 15px; }
.m2editor3 { font-size: 14px; line-height: 24px; color: #666666; padding-bottom: 60px; }
.videoBox iframe{width:100%; max-width:640px; height:auto;}
.m2editor4 { padding-top: 48px; }
.m2hzList ul li { float: left; width: 12%; height: 63px; border: 1px solid #DDDDDD; margin-top:4px; margin-left:4px; display: table; }
.m2hzSx { text-align: center; vertical-align: middle; display: table-cell; height: 63px; position:relative }
.m2hzSx:before{content:""; position:absolute; width:100%; height:63px; background:#fff; left:0; top:0; transform:scale(0); transition:all 0.3s ease-in-out; opacity:0}
.m2hzList { margin: 60px 0px;width: 87%;
float: right;}
.m2hzSx img{position:relative; z-index:2;  transition:all 0.6s ease-in-out; max-width:80%; height:auto;}
.m2hzList ul li:hover .m2hzSx:before{transform:scale(1); opacity:1}
.m2hzList ul li:hover .m2hzSx img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.m2adrList { margin: 60px -19px 0px; }
.m2adrList li { padding: 0px 19px; margin-bottom: 55px; }
.m2adr_t { line-height: 40px; height: 40px; background: #eaeaea url(../images/m2adrIcon.png) no-repeat 14px center; padding: 0px 15px 0px 38px; overflow: hidden; font-size: 16px; font-weight: bold; margin-bottom: 3px; }
.m2adrLk { background: url(../images/m2adrIcon2.png) no-repeat left center; padding-left: 20px; margin: 10px 12px; font-size: 14px; line-height: 30px; color: #e71e0f; height: 30px; display: inline-block; }
.m2adrInfo{ padding: 0px 12px; line-height: 30px; color: #666; font-size: 14px; }
.m2adrInfo p{ margin: 10px 0px; }
.m2newsList { margin: 60px -20px 0px; }
.m2news_aBox { display: block; background: #FFF; position: relative; overflow: hidden; height: 232px; }
.m2newsList li { margin-bottom: 48px; }
.m2news_aImg { float: left; height: 100%; width: 231px; overflow: hidden; }
.m2news_aImg .bgImg{height:100%;}
.m2news_aBox:hover .bgImg{transform:scale(1.1);}
.m2news_aTxt { position: absolute; left: 217px; top: 20px; right: 20px; bottom: 20px; background: #F5F5F5; z-index: 2; }
.m2news_time { font-size: 14px; line-height: 28px; color: #999999; padding: 13px 20px 0px; }
.m2news_t{ line-height: 26px; height: 52px; margin-bottom: 8px; padding: 0px 20px 0px 18px; border-left: 2px solid #E71E0F; font-size: 16px; font-weight: bold; overflow:hidden }
.m2newsDes { font-size: 14px; line-height: 24px; color: #666; padding: 0px 20px; height: 72px; overflow: hidden; }
.m2nesInfo { font-size: 14px; color: #999999; line-height: 22px; height: 22px; position:relative; top:-8px; }
.m2nesInfo span { white-space: nowrap; display: inline-block; margin-right: 18px; }
.m2nesInfo span strong{font-size:14px; display:inline;}
.m2editor5 { padding: 26px 0px 40px; }
.keUpDownSlide{ margin: 90px auto 0; }
.keUpDownSlide dl dt { line-height: 44px; background: #E9E9E9; height: 44px; padding: 0px 10px; position: relative; font-size: 14px; color: #666; }
.keUpDownToggleBtn { background: url(../images/zpicon3.png) no-repeat; display: block; height: 32px; width: 34px; position: absolute; top: 6px; right: 0px; }
.keUpDownSlide dl dd { color: #444444; font-size: 13px; line-height: 24px; padding: 35px; border-right: 18px solid #E9E9E9; border-bottom: 18px solid #E9E9E9; border-left: 18px solid #E9E9E9; display: none; background: #FFF; position: relative; }
.keUpDownSlide dl { margin-bottom: 50px; }
.keUpDownSlide dl dt.on { color: #e71e0f; }
.keUpDownSlide dl dt.on .keUpDownToggleBtn { background: url(../images/zpicon4.png) no-repeat; }
.keUpDownNum { background: url(../images/zpicon1.png) no-repeat; height: 62px; width: 46px; text-align: center; line-height: 34px; padding-top: 28px; font-size: 24px; font-style: italic; color: #FFF; display: block; position: absolute; left: 20px; bottom: 14px; }
.keUpDown_s1 { font-size: 16px; font-weight: bold; color: #333333; float: left; margin-left: 95px; width: 260px; overflow: hidden; height: 44px; }
.keUpDownSlide dl dt.on .keUpDown_s1{ color: #e71e0f; }
.keUpDown_s2 { float: left; width: 200px; }
.keUpDown_email { position: absolute; right: 35px; bottom: 35px; }
.cor_green { color: #20aa97; }
.keUpDown_email .cor_green { text-decoration: underline; font-size: 14px; }
.keUpDownSlide dl dt.on .keUpDownNum { background: url(../images/zpicon2.png) no-repeat; color: #FFF; }
.m2hsYear { text-align: center; font: bold 36px/72px Arial; color: #e71e0f; height: 72px;}
.m2hsBox { margin: 35px 0px 55px; }
.m2hsList { background: url(../images/hisBg.png) repeat-y center top; margin: 0px -70px; position:relative; }
.m2hsList:after{content:""; width:42px; height:1px; background:#3D3D3D; position:absolute; bottom:0; left:50%; margin-left:-21px;}
.m2hsTopEmpty { height: 27px; }
.m2hsItemBox { background: url(../images/hisLine2.png) no-repeat left top; padding-top: 38px; }
.m2hs_t1 { line-height: 28px; margin-bottom: 10px; padding-left: 60px; font-size: 16px; display: block; position: relative; font-weight: bold; }
.m2hs_t1 strong { position: absolute; font-size: 24px; color: #e60012; left: 0px; top: 0px; font-weight: 600; }
.m2hsItemBox p { font-size: 14px; line-height: 24px; color: #666666; }
.m2hsList .item{margin-bottom:39px!important; margin-top:-6px;}
.galcolumn{padding-bottom:0!important;}
.galcolumn:first-child .m2hsItemBox{ background: url(../images/hisLine1.png) no-repeat right top;}
.m2hsBox2 .m2hs_t1{padding-left:10px;}
.mapBox { background: url(../images/bg.jpg) no-repeat center center; background-size: cover; padding: 125px 0px 48px; position:relative; z-index:20 }
.mapTipText{ width: 300px; min-height: 110px; background-color: #ffffff; border: 1px solid #E71F0F; border-radius: 0.3em; padding: 0px 8px; }
.mapTipText .mapTipList{margin-left: 4px; margin-bottom:10px;}
.mapTipText .mapTipList h2{text-align: left; padding-top:6px;}
.mapTipText .mapTipList h2 a{ font-size: 18px; color: #262626; text-decoration: none; font-weight: normal; }
.mapTipText .mapTipList h2 a:hover{ color: #0085d2;}
.mapTipText .mapTipList h2 a span{font-size: 16px;margin-left: 3px;}
.mapTipText .mapTipList ul{ display:block;max-height: 120px; overflow-y: auto;}
.mapTipText .mapTipList ul:after{display:table; clear:both; content:""}
.mapTipText .mapTipList ul li{list-style: none;float: left;padding: 4px 0px 0 3px;}
.mapTipText .mapTipList ul li a{color: #262626; font-size:14px; display:inline-block; padding:0 2px; text-decoration:none;}
.mapTipText .mapTipList ul li a:hover{background-color:#2ebcfe;color:#ffffff;}
#mapTipContent{width: 900px;margin: 0 auto;display: none}
#ChinaMap{margin: 0px auto;}
#stateTip{position: absolute;left: 100%;text-align: left;display: inline;}
.txDtlTop{margin-bottom:30px;border-bottom: 2px solid #444;box-shadow: 0 -2px 3px #000000 inset;}
.mPhoneCityList { background: url(../images/bg.jpg) no-repeat center center; background-size: cover; padding: 98px 15px 50px; min-height: 500px; }
.mcitySelBox{height:36px; margin:0 15px; position:relative;}
.mctiySelCityNm { height: 36px; width: 100%; line-height: 36px; border: 1px solid #c0c0c0; padding: 0px 15px; background:rgba(255,255,255,0.1); border-radius:0.3em; color:#fff; }
.mcityOption { position: absolute; left: 0px; top: 35px; line-height: 32px; border: 1px solid #c0c0c0; padding: 10px 0; background: rgba(255,255,255,0.1); border-radius: 0.3em; color: #fff; width: 100%; }
.mcityOption li{ padding: 0px 15px;}
.mcityOption ul{max-height:256px; overflow-y:auto;}
.mcityOption li:hover{ background:rgba(255,255,255,0.1);}
.mcityList { margin: 20px 15px; }
.mcityList li { border-bottom: 1px dotted rgba(255,255,255,0.2); font-size:14px; line-height:36px; line-height:36px; }
.mcityList li a,.mcityList li a:hover{color:#fff; opacity:0.6;}
.mctiySelCityNm:after{ content: ""; background: url(../images/arrowIcon2.png) no-repeat center center; height: 5px; width: 9px; margin-top: -2px; position: absolute; top: 50%; right: 15px; }
.hmc3_aBox .autoImg { position: relative; }
.hmc3Layer { background: url(../images/hmc3Bg.png) repeat; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity:0; transition:all 0.6s ease-in-out; transform:translate(-300px,300px) rotate(90deg); filter:alpha(opacity=0) }
.hmc3Icon { background: url(../images/serBtn.png) no-repeat left center; margin: -11px 0px 0px -33px; height: 22px; width: 66px; padding-left: 28px; position: absolute; z-index: 2; left: 50%; top: 50%; font-size: 18px; line-height: 22px; color: #FFF; opacity:0; transition:all 0.6s ease-in-out; transform:translate(300px,-300px); filter:alpha(opacity=0) }
.hmc3_aBox:hover .hmc3Layer{ opacity:1; transform:translate(0,0) rotate(0) scale(1.05); filter:alpha(opacity=100)}
.hmc3_aBox:hover .hmc3Icon{ opacity:1; transform:translate(0,0); filter:alpha(opacity=100)}
.hmc3More { height: 42px; width: 192px; border: 1px solid #B71314; text-align: center; display: block; line-height: 40px; font-size: 16px; color: #B71314; position: relative; margin: 82px auto 0px; overflow:hidden; border-radius:0.1em; margin-bottom:30px;}
.hmc3More:after{ content: ""; position: absolute; left: -60px; top: -29px; width: 30px; height: 100px; background: rgba(255,255,255,0.2); display: block; transition:none; transform:rotate(25deg) }
.hmc3More:hover{ color: #FFF; background: #b71314; }
.hmc3More:hover:after{left:220px; transition:all 0.6s ease-in-out;}
.hmWraper .mapBox { background: none; }
.hmWraper #ChinaMap{top:45px;}
.hmc4Tbox { width: 346px; margin-left: -173px; position: absolute; left: 50%; top: 18%; z-index: 5; }
.hmc5_t1{ color: #333333; }
.hmc5_t2{ color: #ca180a; }
.hmc5List { margin-top: 15px; }
.hmc5List li { height: 62px; width:10%; display: table; float: left; position: relative; overflow: hidden; padding: 1px 1px 0px 0px; overflow:hidden }
.hmc5List li{ 
}
.active .hmc5List li{ transform:translate(0,0); opacity:1; transition-delay:0.6s;}
.hmc5List li:nth-child(2n){ }
.active .hmc5List li:nth-child(2n){transform:translate(0,0);}
.hmc5List li i{ background: url(../images/hmc5_bg.png) repeat; position: absolute; left: 0px; top: 1px; right: 1px; bottom: 0px; height: 60px; transition:all 0.5s ease-in-out; transform:scale(1) }
.hmc5_lgBox{ height: 60px; position: absolute; z-index: 1; left: 0px; top: 1px; right: 1px; bottom: 0px; display: table; width: 100%; }
.hmc5_lgBox div{ text-align: center; display: table-cell; height: 60px; width: 100%; vertical-align:middle}
.hmc5List li:hover i{ opacity:0.6; filter:alpha(opacity=60);}
.hmc5List li img{ transition:all 0.6s ease-in-out;}
.hmc5List li:hover img{transform:scale(0.8) rotate(-6deg);}
.hmc3More2{margin-top:65px;}
.hmc6_aBox { display: block; }
.hmc6_imgNm { text-align: center; font-size: 16px; line-height: 28px; color: #FFF; padding: 14px 20px; border-top: 3px solid #E71E0F; background: url(../images/hmc6bg.png) repeat; }
.hmc6_imgNm p { height: 56px; overflow: hidden; }
.hmc6_t2 { margin-bottom: 45px; }
.hmc6_aBox .autoImg{position:relative;}
.hmc6_aBox .autoImg i{ position: absolute; width: 0%; height: 0%; background: url(../images/hmc6bg2.png) repeat; left: 50%; top: 50%; transition:all 0.5s ease-in-out; border-radius:50%; }
.hmc6_aBox:hover .autoImg i{ width: 100%; height: 100%; left: 0px; top: 0px; transform:scale(3) }
.hmc6Layer{ position: absolute; height: 52px; width: 180px; left: 50%; top: 50%; margin-top: -26px; margin-left: -90px; z-index: 1; opacity:0; transform:scale(0) rotate(-45deg); transform-origin:left; filter:alpha(opacity=0); transition:all 0.5s ease-in-out; }
.hmc6Btn1 { background: url(../images/hmc6Icon.png) no-repeat left top; margin: 0px 3px; height: 52px; width: 47px; display: block; float: left; transition:all 0.3s ease-in-out }
.hmc6Btn1:hover { background: url(../images/hmc6Icon.png) no-repeat left bottom; }
.hmc6Btn2 { background: url(../images/hmc6Icon.png) no-repeat -47px top; margin: 0px 3px; height: 52px; width: 47px; display: block; float: left; transition:all 0.3s ease-in-out }
.hmc6Btn2:hover { background: url(../images/hmc6Icon.png) no-repeat -47px bottom; }
.hmc6Btn3 { background: url(../images/hmc6Icon.png) no-repeat right top; margin: 0px 3px; height: 52px; width: 47px; display: block; float: left; transition:all 0.3s ease-in-out }
.hmc6Btn3:hover { background: url(../images/hmc6Icon.png) no-repeat right bottom; }
.hmc6_aBox:hover .hmc6Layer{opacity:1; transform:scale(1) rotate(0); filter:alpha(opacity=100);}
.hmc5List li img{max-width:99%; height:auto;}
.hmc6_t1{padding-top:0;}
.hmc6List li{ }
.active .hmc6List li:nth-child(1){opacity:1; transform:rotateY(0); transition-delay:0.6s}
.active .hmc6List li:nth-child(2){opacity:1; transform:rotateY(0); transition-delay:0.8s}
.active .hmc6List li:nth-child(3){opacity:1; transform:rotateY(0); transition-delay:1.0s}
.active .hmc6List li:nth-child(4){opacity:1; transform:rotateY(0); transition-delay:1.2s}
.h700 .hmc2Box{ height:425px;}
.h700 .hmc2Left{ height:425px;}
.h700 .hmc3_t2{margin-bottom:30px;}
.h700 .hmc3More{margin-top:32px;}
.h700 .mapBox{padding-top:95px;}
.h700 .hmc4Tbox .hmc3_t1{padding-top:40px;}
.h700 .hmc5List li{height:100px; overflow:hidden}
.h700 .hmc5_lgBox,.h700 .hmc5List li i,.h700 .hmc5_lgBox div{height:99px; overflow:hidden}


@media (max-height:799px){
.hmc3_t2{margin-bottom:38px;}
.hmc3More{margin-top:52px;}
.hmc4Tbox .hmc3_t1{padding-top:50px;}
.hmc5List li{height:62px; overflow:hidden}
.hmc5_lgBox,.hmc5List li i,.hmc5_lgBox div{height:60px; overflow:hidden}
}

@media (max-height:699px){
.hmTxt1{top:32.5%;}
.hmc2Box{ height:425px;}
.hmc2Left{ height:425px;}
.hmc3_t2{margin-bottom:30px; font-size:22px;}
.hmc3More{margin-top:32px;}
.mapBox{padding-top:95px;}
.hmc4Tbox .hmc3_t1{padding-top:40px;}
.hmc5List li{height:62px; overflow:hidden}
.hmc5_lgBox,.hmc5List li i,.hmc5_lgBox div{height:60px; overflow:hidden}
.hmc2_t2{margin-bottom:6px;}
.hmc3_t1{font-size:30px;}

}
@media (max-width:1230px){
body{min-width:inherit;}

}
@media (max-width:1199px){
.hmc2Right {margin-left: 500px;}
.sliderNum,.sliderNm{display:none!important;}
#sliderMenu{right:15px;}
.superNav-inner-nav li{padding:0 6px;}
.m2banner{height:380px;}
.m2hsList{ background:none;}
.galcolumn:first-child .m2hsItemBox{background:url(../images/hisLine2.png) no-repeat left top;}
.m2hsList::after{display:none;}
.m2hsTopEmpty{height:0;}
.keUpDown_s1{width:220px;}

}
@media (max-width:991px){
.hmTxt1{width:32.9%;}
.hmc2Right{display:none;}
.hmc2Left{float:none; margin-left:auto; margin-right:auto;}
.superNav-inner-nav li{padding:0px;}
.superNav-inner-nav a{font-size:14px; padding:0 4px;}
.hmc3_st1{margin-top:0;}
.hmc3_t1{font-size:28px;}
.hmc3_t2{font-size:22px; margin-bottom:35px;}
.hmc3More{margin-top:55px;}
.hmc3List li:nth-child(3),.hmc3List li:nth-child(4){display:none;}
.hmc5List li:nth-child(10),.hmc5List li:nth-child(11),.hmc5List li:nth-child(12){display:none;}
.hmc5List li{width:33.33%;}
.hmc6List li:nth-child(3),.hmc6List li:nth-child(4){display:none;}
.m2bomL{width:220px;}
.m2bomDl{width:100px;}
.m2bomDl:nth-child(2){width:110px;}
.m2banner{height:320px;}
.m2pubBox{padding-left:25px; padding-right:25px;}
.m2pubTop strong{font-size:26px; line-height:36px; margin-bottom:8px;}
.m2pubTop_lg{height:auto; transform:scale(0.8)}
.m2caseList li:last-child{display:none;}
.m2itr_t{font-size:30px;}
.m2itr_st {font-size: 22px;line-height: 36px;}
.keUpDown_s1{width:220px; margin-left:78px;}
.keUpDown_s2{width:130px;}
.keUpDown_s2a{width:80px;}


}

@media (max-width:767px){
.hmTxt1{width:66%; left:13.5%}
.headRes{display:none;}
.logo {top:4px;}
.logo img{width:100px; height:auto;}
.superNav-inner-nav a::before{height:2px; top:-5px;}
.hmc2Left{width:100%; background:none;}
.hmc2_t2 {font: bold 28px/40px Arial;margin-bottom:6px;}
.hmc2_t3{line-height:28px;}
.hmc2_t1{padding-top:48px;}
#sliderMenu{right:2px; transform:scale(0.6)}
.hmc3List li:nth-child(2){display:none;}
.hmc3_t1{font-size:22px;}
.hmc3_t2{margin-bottom:16px; font-size:20px; line-height:26px;}
.hmc3More{margin-top:35px;}
.hmc3_t1{padding-top:18px;}
.hmc3_st1{margin-top:0px;}
.hmc4Tbox{position:static; margin-left:0}
.verMiddle .mPhoneCityList{background:none; padding-bottom:0px; max-height:280px; overflow-y:auto; padding-top:0}
.hmc5List li{width:50%;}
.hmc5List li:nth-child(7),.hmc5List li:nth-child(8),.hmc5List li:nth-child(9){display:none;}
.hmc6List li:nth-child(2){display:none;}
.hmc6_aBox .autoImg{ max-height:200px;}
.hmc6_aBox .autoImg img{transform:translateY(-20%);}
.hmc6_imgNm{padding-top:6px; padding-bottom:6px;}
.hmFooter .fl{display:none;}
.hmFooter .fr{display:block; text-align:center; float:none}
.hmFooter{height:50px; line-height:50px;}
.fullBanner .pagination{transform:scale(0.8);}
.m2banner{height:280px;}
.m2pubBox{padding-left:25px; padding-right:25px;}
.m2pubTop strong{padding-right:0; font-size:22px;}
.m2pubTop_st{padding-right:0;}
.m2pubTop_lg{display:block; margin:0 auto; position:static; margin-bottom:15px;}
.m2pubTop{padding-top:40px;}
.m2pubBox{padding-left:15px; padding-right:15px;}
.m2bomL{width:100%; float:none; display:block;}
.m2bomR{margin:30px auto; float:none;}
.m2bomM{width:100%; float:none;}
.m2bomDl{width:30%;}
.m2bomDl:nth-child(2){width:40%;}
.m2resBox{width:100%;}
.m2pubBox{margin-top:0;}
.m2pubCon1{margin-left:0; margin-right:0;}
.m2pubCx1{padding-left:0; padding-right:0;}
.m2caseList li:last-child{display:block;}
.m2menu{height:auto; padding-bottom:10px; line-height:45px;}
.m2menu_a{height:45px; line-height:45px;}
.m2menu ul li{margin:0 20px;}
.m2case_sbxSpna{width:98px; font-size:15px;}
.m2itr_t{font-size:28px; padding-top:30px;}
.m2itr_st {font-size: 20px;line-height: 30px;}
.m2hsList{margin-left:15px; margin-right:15px;}
.m2hsYear{font-size:30px; position:relative; top:10px;}
.m2hzList ul li{width:50%;}
.m2adrList li{height:auto!important;}
.keUpDownSlide dl dd{padding-left:15px; padding-right:15px;}
.keUpDown_email{position:static;}
.m2news_aTxt{left:20px;}
.hmc5List li:nth-child(2n){ transform:translate(0px,-350px);}
}

@media (max-width:359px){

}

/*2016-09-13 CSS*/
.headTel{ float: left; color: #fff; white-space: nowrap; margin-left: 25px; background: url(../images/telIcon.png) no-repeat left center; padding-left: 30px; font: 20px/30px Georgia; }
.headRes{width:auto;}
.headRes_a1{position:relative;}
.headRes_a1 img{ position:absolute; left:50%; margin-left:-63px; top:36px; display:none}
.superNav-inner-nav{}
.m2telBox{ text-align: center; line-height: 36px; height: 36px; margin-top: 30px; position: relative; top: 12px; }
.m2telNum { display: inline-block; background: url(../images/telIcon2.png) no-repeat left center; padding-left: 34px; color: #e71e0f; font: 30px Georgia; }

@media (max-width:768px){
.headRes_a1{display:none;}
}

/*2016-09-18 CSS*/
.headTel img{position:relative; top:4px;}
.m2telNum img{position:relative; top:3px;}
.headTel{margin-left:35px;}
.superNav-inner-nav li{position:relative;}
.superNav-inner-nav{}
.superSubNav{ position: absolute; width: 162px; margin-left: -81px; left: 50%; top: 88px; 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 15px; background:#333; border-radius:0.3em;}
.superNav_a2{ line-height: 30px!important; text-align: left; display: block; height: 30px!important; border-bottom: 1px dotted #4D5056!important; font-size: 14px!important; color: #e4e4e4; display:block!important; overflow:hidden;white-space:nowrap; }
.superNav-inner-nav a.superNav_a2:before{display:none;}
.superNav_a2:hover{color:#e71e0f!important;}
.superSubNav dd:last-child a{border:none!important;}

@media (min-width:1360px){
.superNav-inner{margin-left:35px; margin-right:35px; width:auto;}
.superNav-inner-nav a{font-size:17px;}
.superNav-inner-nav li{padding:0 15px;padding-top: 13px;}
}

@media (max-width:1270px){
.headTel{margin-left:20px;}
}

@media (max-width:991px){
.superNav-inner-nav{padding-right:35px;}
.headTel{ display:none;}
.superNav-inner-nav{text-align:right;}
.superNav-inner-nav li{padding:0 6px;}
}

@media (max-width:767px){
.superSubNav{display:none!important;}
.superNav-inner-nav{padding-right:0px;}
.container-fluid{padding-left:0; padding-right:0;}
}

/*2016-09-21 CSS*/
.mWxBtn{display:inline-block; position:relative;}
.mWxImgBox{ width:126px; height:126px; background:#fff; border-radius:0.3em; position:absolute; left:50%; bottom:60px; text-align:center; margin-left:-63px; padding-top:3px;}
.mWxImgBox:after{content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff; position:absolute; left:50%; bottom:-6px;}
.mWX_dsPhone{display:none;}
@media (max-width:767px){
.mWX_dsPcPad{display:none;}	
.mWX_dsPhone{display:inline-block;}

.hmWraper .mcityOption li{float:left;}
.hmWraper .mcityList li{margin-right:15px; float:left}
.hmWraper .mcityOption ul{max-height:none;}
}


	/*= 新闻分页 =*/
#pagerclass{ width:100%; height:45px; text-align:center; margin:0 auto; text-align:center; display:block; clear:both;}
.pager{padding:20px 0;}
.pager .list{text-align:center;}
.pager .list .pager-nolink{color:#666; background:#eee; border:1px solid #d9d9d9;  padding:2px 6px; *padding:1px 6px; margin:0 3px;}
.pager .list a { color:#666; background:#eee; border:1px solid #d9d9d9;  padding:2px 6px; *padding:1px 6px; margin:0 3px;}
.pager .list a:hover { color:#999; background:#EEEAE4; border:1px solid #999;}
.pager .list .pager-current { color:#000; background:#EEEAE4; border:1px solid #999; padding:2px 6px; *padding:1px 6px; margin:0 3px;}
.pager .list a.ctrl { color:#494949; background:none; border:none;}
.pager .list a.ctrl:hover { color:#393; background:none; border:none;}

