@charset "utf-8";
body { font-family: 微软雅黑, Tahoma, Geneva, sans-serif, 宋体; font-size: 14px; color: #fff; font-weight: normal; height: 100%; background:#fff; }
* { padding: 0; margin: 0; }
ul, ol { list-style-type: none; outline: none; }
a { text-decoration: none; color: #fff; }
.sq_tow_screen, .sq_center_2, .sq_position, .sq_m_small, .sq_center { transition: all 1s; -webkit-transition: all 1s; }
.section { position: relative; overflow: hidden; }
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-size:cover; background-position:center center; }
.section .bg img { display: block; width: 100%; height: 100%; display:none }
.sq_menu_back { position: absolute; top: 0; left: 0; background: #2F2F2F; z-index: 3; width: 100%; height: 100%; opacity: 0.5 }
.sq_menu_container { width: 100%; height: 100%; position: fixed; z-index: 6; }
.sq_meun_back { position: absolute; top: 0; left: -50%; height: 100%; width: 50%; background: #434343; z-index: 5; opacity: 0.5; }
.sq_nav_park { float: left; display: block; width: 15px; height: 15px; border-radius: 60%; background: #fff; margin-top: 10px; opacity: 0; }
.sq_nav_1 { margin-top: 80px; cursor: pointer; margin-left: -155%; transition: all 0.5s; -webkit-transition: all 0.5s; }
.sq_meun_nav { position: absolute; top: 5%; left: 7%; z-index: 5; }
.sq_nav_left { margin-left: 15px; font-size: 26px; font-weight: bold; }
.sq_menu { position: absolute; top: 30px; left: 35px; background: none; cursor: pointer; z-index: 6; }
.sq_menu div { float: left; }
.sq_m_span span { width: 25px; height: 2px; border-radius: 6px; display: block; background: #fff; margin: 5px 0; }
.sq_m_meun { margin-top: -1px; margin-left: 10px; font-size: 18px; color: #fff; font-weight: 500; }
.sq_concat { position: fixed; top: 50%; margin-top: -94px; left: 3%; z-index: 6; }
.sq_concat_back { width: 7px; height: 188px; background: url("../images/youcexian.png") no-repeat; position: relative; }
.sq_phone { position: absolute; top: 35px; left: -5px; }
.sq_qq { position: absolute; top: 90px; left: -7px; }
.sq_weixin { position: absolute; top: 143px; left: -7px; }
.sq_position { position: absolute; top: 50%; left: 50%; z-index: 3; opacity: 0; }
.active .sq_center { opacity: 1; transition-delay: 1s; -webkit-transition-delay: 1s; }
.active .sq_center_1 { opacity: 1; transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.active .sq_center_2 { top: 50%; transition-delay: 0.7s; -webkit-transition-delay: 0.5s; }
.sq_center { opacity: 0; margin-top: -205px; margin-left: -207px; animation: myrotate 5s forwards infinite linear; -webkit-animation: myrotate 5s forwards infinite linear; }
@keyframes myrotate {  100% {
 transform: rotate(-360deg);
}
}
@-webkit-keyframes myrotate {  100% {
 -webkit-transform: rotate(-360deg);
}
}
.sq_center_1 { opacity: 0; margin-top: -270px; margin-left: -197px; }
.sq_center_2 { position: absolute; top: 0; left: 50%; z-index: 3; opacity: 0; margin-top: -135px; margin-left: -161px; animation: fadeInDown 0.5s forwards 1s; -webkit-animation: fadeInDown 0.5s forwards 1s; }
@-webkit-keyframes fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
}
}
 @keyframes fadeInDown {  0% {
 opacity: 0;
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 transform: none
}
}
.sq_start { position: absolute; bottom: 10%; left: 50%; z-index: 3; margin-left: -50px; width: 100px; height: 24px; font-size: 18px; background: -webkit-gradient(linear, left top, right top, color-stop(0, #E83827), color-stop(0.3, #E83827), color-stop(0.5, white), color-stop(0.7, #E83827), color-stop(1, #E83827)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; -webkit-animation: slidetounlock 4s linear infinite; animation: slidetounlock 4s linear infinite; }
 @-webkit-keyframes slidetounlock { 0% {
background-position: -150px 0;
}
80% {
background-position: 100px 0;
}
100% {
background-position: 150px 0;
}
}
@keyframes slidetounlock { 0% {
background-position: -150px 0;
}
80% {
background-position: 100px 0;
}
100% {
background-position: 150px 0;
}
}
.sq_mouse { position: absolute; bottom: 3%; left: 50%; margin-left: -10px; z-index: 3; }
.sq_m_small { position: absolute; top: 5px; left: 50%; margin-left: -1px; width: 2px; height: 8px; border-radius: 6px; background: #fff; animation: smallDown 1.5s forwards infinite; -webkit-animation: smallDown 1.5s forwards infinite; }
@keyframes smallDown {  0% {
top:7px;
opacity: 1;
}
 50% {
top:9px;
opacity: 0.5;
}
 100% {
top:10px;
opacity: 0
}
}
@-webkit-keyframes smallDown {  0% {
top:7px;
opacity: 1;
}
 50% {
top:9px;
opacity: 0.5;
}
 100% {
top:10px;
opacity: 0
}
}
.sq_tow_screen { position: absolute; top: 0; left: 50%; opacity: 0; line-height: 26px; width: 730px; margin-left: -365px; text-align: center; font-size: 16px; z-index: 3; letter-spacing: 1px; transition:all 0.5s ease-in-out 0.5s; opacity:0; color: #FFF; }
.sq_tow_screen p{clear:both; padding-top:20px;}
.sq_tow_screen strong{font-size:26px; font-weight:500; display:block; margin-bottom:15px;}
.active .sq_tow_screen { top: 28%; opacity:1; }
.sq_tow_msg { position: absolute; top: 50%; left: 50%; margin-left: -600px; z-index: 3; width: 1200px; text-align: center; cursor: pointer; }
.sq_tow_msg ul li { float: left; padding-top: 300px; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; width: 25%; }
.active .sq_tow_msg ul .sq_li1 { transition-delay: 0.7s; -webkit-transition-delay: 0.7s; }
.active .sq_tow_msg ul .sq_li2 { transition-delay: 0.9s; -webkit-transition-delay: 0.9s; }
.active .sq_tow_msg ul .sq_li3 { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.active .sq_tow_msg ul .sq_li4 { transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
.active .sq_tow_msg ul li { opacity: 1; padding-top: 0; color:#fff; }
.sq_img .sq_img_s1 { margin-top: 25px; font-size:22px; font-weight:500; margin-bottom:15px; }
.sq_img p{line-height:22px; font-size:13px; padding:0 10px;}
.sq_img img{border:3px solid #fff; border-radius:50%;}
.sq_zw { position: absolute; bottom: 10%; left: 0; z-index: 3; }
.sq_three { width: 100%; position: absolute; z-index: 3; top: 0%; left: 0; text-align:center; font-size: 26px; font-weight: 500;color:#fff; transition:all 0.5s ease-in-out 0s; opacity:0 }
.active .sq_three{ top: 20%; opacity:1}
.sq_three_s1 { width:70px; margin:15px auto 0; }
.sq_three_s1_span { float: left; display: block; width: 20px; background: #9f9f9f; height: 1px; }
.sq_three_s1_span1 { float: left; display: block; width: 50px; background: #E83827; height: 1px; }
.sq_three_s2 { position: absolute; z-index: 3; width: 1205px; top: 26%; left: 50%; margin-left: -600px; transition:all 0.5s ease-in-out 0.5s; opacity:0;  }
.active .sq_three_s2{ top: 32%; opacity:1}
.sq_three_s2 ul li { float: left; margin: 0 15px; cursor: pointer; }
.sq_three_top { margin-top: 15px; color:#fff; }
.sq_three_s3 { position: absolute; bottom: 10%; left: 50%; z-index: 3; cursor: pointer; opacity: 0; transition: all 1s; -webkit-transition: all 1s; }
.active .sq_three_s3 { opacity: 1; transition-delay: 1s; -webkit-transition-delay: 1s; }
.sq_three_all { width: 300px; height: 50px; line-height: 50px; border: 1px #E83827 solid; text-align: center; color: #E83827; margin-left: -150px; font-size: 18px; letter-spacing: 5px; }
.sq_four { position: absolute; top: 50%; left: 50%; z-index: 3; margin-left: -187px; transition: all 1s; -webkit-transition: all 1s; opacity: 0; }
.active .sq_four { opacity: 1; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }
.sq_four2 { position: absolute; bottom: 10%; left: 50%; z-index: 3; margin-left: -30px; }
.sq_four_all { position: absolute; top: 0; left: 50%; margin-left: -155px; margin-top: 20px; z-index: 3; color: #fff; letter-spacing: 5px; font-size: 25px; font-weight: bold; text-align: center; transition: all 1s; -webkit-transition: all 1s; opacity: 0; }
.active .sq_four_all { opacity: 1; top: 50%; transition-delay: 1s; -webkit-transition-delay: 1s; }
.sq_z_left { position: absolute; top: 38%; ; left: 0; opacity: 0; }
.sq_z_right { position: absolute; top: 49%; ; right: 0; opacity: 0; }
.sq_z_back { position: absolute; top: 0; left: 0; width: 270px; height: 220px; background: #E83827; opacity: 0; }
/* 全局样式 */
html,body{height:100%}
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div, body>header, body>nav, body>section, body>footer, body>article {margin:0 auto}
a img {border:0}
table{border-collapse:collapse; border-spacing:0}
select,input,textarea{ outline: none }
body { color: #333;  font: 12px Arial,"微软雅黑" }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#333;text-decoration:none; transition:all 0.4s ease-out;}
a:hover { color: #CC0000;}
a, area {blr:expression(this.onFocus=this.blur())}
:focus {-moz-outline-style: none}
.clear {clear:both;height:0; overflow:hidden; visibility:hidden;}
.hidden,.hide,.dsNone {display:none}
.block,.show,.dsBlock {display:block}
.imgBlock img{display:block}
.fl{float:left}.fr{float:right}
.clearfix:after{clear:both;content:".";height:0;display:block;visibility:hidden}
.chgBtn{cursor:pointer}
.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}
.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}
.f20{font-size:20px}.f21{font-size:21px}.f22{font-size:22px}.f24{font-size:24px}
.cor_000{color:#000}.cor_111{color:#111}.cor_222{color:#222}.cor_333{color:#333}
.cor_444{color:#444}.cor_555{color:#555}.cor_666{color:#666}.cor_777{color:#777}
.cor_888{color:#888}.cor_999{color:#999}
.fwr{font-family:"微软雅黑"}
.fst{ font-family: "宋体" }
.far{font-family:Arial}
.fb{font-weight:bold}
.auto{margin-left:auto; margin-right:auto}
.cor_red{color:#C00}
.cor_bs,.cor_bs:hover{color:#fff}
.pr{position:relative}
.pa{position:absolute}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.transition{transition:all .3s ease}
.overflowHide{overflow:hidden;}.scaleImg img{transition:all 0.4s ease;}.scaleImg:hover img{ transform:scale(1.1);}
.bgImg{background-position:center center; background-repeat:no-repeat; background-size:cover;}.bgImg img{display:none;}
.wrapper{ width:100%; max-width: 1200px; overflow: hidden; margin-left:auto; margin-right:auto; }
.long{width:1300px;}
.opacity{opacity:0; filter:alpha(opacity=0);transition:all 0.4s ease-out;}
.opacity:hover{opacity:1; filter:alpha(opacity=100);}
#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.4s ease; }
.sliderNum{ opacity: 0; font: bold 14px/30px Arial; color: #bcbcbc; transition:all 0.4s ease; }
.active .sliderNum{opacity:1;}
.active .sliderLine{ right: 0px; height: 3px; width: 20px; margin-top:-1px; }
.header { height: 90px; width: 100%; position:absolute; z-index: 90; text-align: center; transition:all 0.4s ease; background:rgba(0,0,0,0.4); }
.headerBg{ background: url(../images/headBg.png) repeat; background:rgba(0,0,0,0.85);}
.hmPage{background-position:center center; background-size:cover; background-repeat:no-repeat;}
.hmPage1 .bd,.hmPage1 ul,.hmPage1 .tempWrap,.hmPage1 .fp-tableCell{height:100%!important;}
.hmPage1 .bd li{background-position:center center; background-size:cover; background-repeat:no-repeat;height:100%; width:100%;}
.hmPage1 .hd { width: 100%; height: 10px; position: absolute; left: 0px; bottom: 125px; text-align: center; z-index: 2; }
.hmPage1 .hd ul li { background: url(../images/fsIcon.png) no-repeat right top; margin: 0px 5px; height: 10px; width: 10px; display: inline-block; cursor: pointer; }
.hmPage1 .hd ul li.on { background: url(../images/fsIcon.png) no-repeat left top; }
.hmBanBox { height: 238px; width: 1200px; margin-left: -600px; margin-top: -119px; left: 50%; top: 50%; color: #FFF; text-align: center; position: absolute; }
.hmBan_t1 { font-size: 35px; line-height: 76px; height: 76px; position: relative; transform:translateX(-600px); opacity:0; transition:all 0.4s ease;}
.hmBan_t1 i { background: #FFF; height: 3px; width: 70px; position: absolute; left: 50%; bottom: 0px; margin-left: -35px; }
.hmBan_t1en { color: #FFF; line-height: 62px; height: 62px; font-size: 20px; letter-spacing: 10px; text-transform: uppercase; transform:translateX(600px); opacity:0; transition:all 0.4s ease; }
.hmBan_icons { text-align: center; height: 73px; margin-top: 27px; transform:translateY(200px); opacity:0; transition:all 0.4s ease; }
.on .hmBan_t1en{transform:translateX(0); opacity:1; transition-delay:0.1s;}
.on .hmBan_t1{transform:translateX(0); opacity:1; transition-delay:0.2s;}
.on .hmBan_icons{transform:translateY(0); opacity:1; transition-delay:0.3s;}
.hmBan_ico1 { background: url(../images/banIcon0.png) no-repeat; height: 73px; width: 73px; margin: 0px 18px; display: inline-block; }
.hmBan_ico2 { background: url(../images/banIcon1.png) no-repeat; height: 73px; width: 73px; margin: 0px 18px; display: inline-block; }
.hmBan_ico3 { background: url(../images/banIcon2.png) no-repeat; height: 73px; width: 73px; margin: 0px 18px; display: inline-block; }
.hmBan_ico4 { background: url(../images/banIcon3.png) no-repeat; height: 73px; width: 73px; margin: 0px 18px; display: inline-block; }
.hmBan_ico1:hover { background: url(../images/banIcon0.png) no-repeat center bottom; height: 73px; width: 73px; margin: 0px 18px; display: inline-block; }
.hmBan_ico2:hover { background: url(../images/banIcon1.png) no-repeat center bottom; height: 73px; width: 73px; margin: 0px 18px; display: inline-block; }
.hmBan_ico3:hover { background: url(../images/banIcon2.png) no-repeat center bottom; height: 73px; width: 73px; margin: 0px 18px; display: inline-block; }
.hmBan_ico4:hover { background: url(../images/banIcon3.png) no-repeat center bottom; height: 73px; width: 73px; margin: 0px 18px; display: inline-block; }
.hmDownBtn { background: url(../images/fsi1.png) no-repeat; height: 46px; width: 46px; position: absolute; z-index: 2; left: 50%; bottom: 36px; margin-left: -23px; display: block; }
.hmDownBtn span { background: url(../images/fsi2.png) no-repeat; height: 9px; width: 18px; position: absolute; left: 14px; top: 21px; animation: nextIconMv 0.8s linear 0s infinite; }
@keyframes nextIconMv{
	0% {top:15px; opacity:0}
	100% {top:25px; opacity:1}
}
.hmPage2{background-image: url(../images/hmBg2.jpg); }
.hmPage3{background-color:#fff;}
.hmPage4{background-image: url(../images/hmBg3.jpg); }
.hmPage5{background-image: url(../images/hmBg4.jpg); }
.hmPage2_bg { background: url(../images/hmC2Bg.png) no-repeat; height: 440px; width: 740px; margin-left: -370px; position: absolute; left: 50%; top: 0px; }
.hmP2Con { width: 1200px; height: 506px; position: absolute; left: 50%; top: 50%; margin-top: -208px; margin-left: -600px; text-align: center; color: #FFF; }
.hmP2Con .bd li{overflow:hidden;}
.hmP2Con .prev { background: url(../images/m2ywBtn.png) no-repeat; height: 65px; width: 33px; display: block; position: absolute; top: 50%; left: -100px; margin-top: -33px; z-index: 2; }
.hmP2Con .next { background: url(../images/m2ywBtn.png) no-repeat right top; height: 65px; width: 33px; display: block; position: absolute; top: 50%; right: -100px; margin-top: -33px; z-index: 2; }
.hmp2_t1 { height: 68px; margin: 0px auto 18px; text-align: center; transform:translateX(-600px); opacity:0; transition:all 0.4s ease; }
.hmp2_t2 { margin: 0px auto; height: 65px; text-align: center; transform:translateX(600px); opacity:0; transition:all 0.4s ease; }
.hmp2Img{ display:block; margin:0 auto; transform:translateY(200px); opacity:0; transition:all 0.4s ease; }
.hmp2_txt { background: url(../images/hmc2_t3Bg.png) no-repeat; height: 84px; width: 393px; padding-top: 8px; font-size: 15px; line-height: 24px; margin: 30px auto 0px; transform:translateY(200px); opacity:0; transition:all 0.4s ease; }
.hmp2_t3 { font-size: 24px; line-height: 40px; text-align: center; margin: 36px 0px 42px; transform:translateY(200px); opacity:0; transition:all 0.4s ease; }
.active .hmp2_t1{transform:translateX(0); opacity:1; transition-delay:0.6s;}
.active .hmp2_t2{transform:translateX(0); opacity:1; transition-delay:0.6s;}
.active .hmp2_txt{transform:translateY(0); opacity:1; transition-delay:0.8s;}
.active .hmp2_t3{transform:translateY(0); opacity:1; transition-delay:1s;}
.active .hmp2Img{transform:translateY(0); opacity:1; transition-delay:1.2s;}
.hmp4Box { width: 1200px; margin-left: -600px; height: 480px; position: absolute; left: 50%; top: 50%; margin-top: -195px; }
.hmp4_t1 { color: #FFF; line-height: 60px; height: 61px; text-align: center; position: relative; font-size: 40px; text-transform: uppercase; transform:translateY(200px); opacity:0; transition:all 0.4s ease;}
.hmp4_t1 i { height: 0px; width: 42px; border-bottom: 1px dashed #FFF; position: absolute; left: 50%; bottom: 0px; margin-left: -21px; }
.hmp4_t2 { color: #FFF; text-align: center; line-height: 56px; margin-bottom: 55px; font-size: 25px; transform:translateY(200px); opacity:0; transition:all 0.4s ease; }
.hmp4List{ width:1170px; position:absolute; z-index:10; left:50%; margin-left:-585px; top:32%; opacity:0.7;}
.hmp4List li { float: left; background: #FFF; height: 138px; width: 19.9%; border-right: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; }
.active .hmp4_t1{transform:translateY(0); opacity:1; transition-delay:0.5s;}
.active .hmp4_t2{transform:translateY(0); opacity:1; transition-delay:0.7s;}
.hmp4List li:nth-of-type(odd){transform:translate(-200px,100px); opacity:0; transition:all 0.4s ease-in-out}
.hmp4List li:nth-of-type(even){transform:translate(200px,100px); opacity:0; transition:all 0.4s ease-in-out}
.active .hmp4List li:nth-of-type(odd){transform:translate(0px,0px); opacity:1; transition-delay:0.6s}
.active .hmp4List li:nth-of-type(even){transform:translate(0px,0px); opacity:1; transition-delay:0.8s}
.hmp4_aBox { display: block; height: 120px; padding-top: 28px; text-align: center; position: relative; }
.hmp4_aBox img{ transition:all 0.4s ease;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.8; max-width:80%; height:auto;}
.hmp4_aBox:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.hmp4_aBox i{ background: #000000; height: 4px; width: 50px; position: absolute; left: 50%; bottom: 0px; margin-left: -25px; opacity:0; filter:alpha(opacity=0); transition:all 0.4s ease }
.hmp5Box { width: 1200px; height: 440px; margin-top: -215px; margin-left: -600px; position: absolute; left: 50%; top: 50%; color: #FFF; text-align: center; }
.hmp5_txt { font-size: 14px; line-height: 28px; text-transform: uppercase; transform:translate(300px,0px); opacity:0; transition:all 0.4s ease-in-out }
.hmp5Itms { height: 53px; margin-top: 58px; background: url(../images/hmc5_line.png) no-repeat center center; padding-left: 95px; transform:translate(-300px,0px); opacity:0; transition:all 0.4s ease-in-out }
.hmp5Itms ul li { float: left; width: 338px; text-align: center; }
.hmp5Icon { margin: 0px auto 18px; height: 53px; width: 53px; display: block; }
.hmp5Icon1 { background: url(../images/hmc5Icon.png) no-repeat left top; }
.hmp5Itms ul li:hover .hmp5Icon1 { background: url(../images/hmc5Icon.png) no-repeat left bottom; }
.hmp5Icon2 { background: url(../images/hmc5Icon.png) no-repeat -53px top; }
.hmp5Itms ul li:hover .hmp5Icon2 { background: url(../images/hmc5Icon.png) no-repeat -53px bottom; }
.hmp5Icon3 { background: url(../images/hmc5Icon.png) no-repeat right top; }
.hmp5Itms ul li:hover .hmp5Icon3 { background: url(../images/hmc5Icon.png) no-repeat right bottom; }
.hmp5Itms ul li span { line-height: 22px; text-align: center; font-size: 14px; }
.active .hmp5_txt{transform:translate(0px,0px); opacity:1; transition-delay:0.8s}
.active .hmp5Itms{transform:translate(0px,0px); opacity:1; transition-delay:1.0s}
.footerBg { background: url(../images/footBg.png) repeat left bottom; height: 74px; position: absolute; width: 100%; left: 0px; bottom: 0px; font-size: 14px; color: #fff; line-height: 74px; z-index:10 }
.footerBg a{ color: #fff;}
.hmFooter { margin: 0px auto; height: 74px; width: 1200px; }
.hmFooter .fl{display:none;}
.hmFooter .fr{ float:none; text-align:center; display:block;}
.footerBg .m2lxWxBox{ bottom: 43px; line-height:18px; transform:translate(0px,300px); opacity:0; transition:all 0.4s ease-in-out; display:none}
.active .footerBg .m2lxWxBox{transform:translate(0px,0px); opacity:1; transition-delay:1.0s}
.m2wxBg{ background: url(../images/wxBg.png) repeat-x left bottom; width: 100%; position: absolute; left: 0px; bottom: -43px; height: 43px; }
.hmp3Box { width: 100%; overflow: hidden; background: url(../images/hmc3Bg.jpg) repeat; padding-top: 6px; position: absolute; left: 0px; top: 90px; }
.hmp3Box ul { margin: 0px -3px; }
.hmp3Box ul li { float: left; width: 20%; padding: 0px 3px 6px; }
.hmp3Box ul li:nth-of-type(odd){transform:translateX(-200px); opacity:0; transition:all 0.4s ease-in-out}
.hmp3Box ul li:nth-of-type(even){transform:translateX(200px); opacity:0; transition:all 0.4s ease-in-out}
.active .hmp3Box ul li:nth-of-type(odd){transform:translateX(0px); opacity:1; transition-delay:0.5s}
.active .hmp3Box ul li:nth-of-type(even){transform:translateX(0px); opacity:1; transition-delay:0.5s}
.hmp3_aBox { display: block; background: #FFF; padding-bottom: 18px; position: relative; overflow:hidden }
.hmp3ImgBox{ height: 204px; overflow:hidden}
.hmp3_aBox .bgImg{ height: 204px; transition:all 0.4s ease-in-out;}
.hmp3Box *,.hmp3Box :after,.hmp3Box :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.hmp3Nm { font-size: 18px; line-height: 56px; height: 56px; margin-top: 12px; padding: 0px 22px; overflow: hidden; transition:all 0.4s ease-in-out; }
.hmp3P { font-size: 13px; line-height: 24px; color: #999999; height: 48px; overflow: hidden; padding: 0px 20px; transition:all 0.4s ease-in-out; }
.hmp3_aBox:hover{ background: #000; }
.hmp3_aBox:hover .bgImg{opacity:0.45; filter:alpha(opacity=45); transform:scale(1.1);}
.hmp3_aBox:hover .hmp3Nm,.hmp3_aBox:hover .hmp3P{color:#fff;}
.hmp3Icon { background: url(../images/hmc3Icon.png) no-repeat; height: 47px; width: 47px; position: absolute; left: 50%; margin-left: -24px; top: 80px; z-index: 2; transition:all 0.4s ease-in-out; transform:translateY(-160px); opacity:0; filter:alpha(opacity=0); }
.hmp3_aBox:hover .hmp3Icon {transform:translateY(0); opacity:1; filter:alpha(opacity=100);}
.hmp3More { background: url(../images/hmc3Icon2.jpg) no-repeat center top; line-height: 36px; height: 36px; padding-top: 28px; font-size: 20px; color: #999999; text-transform: uppercase; text-align: center; width: 130px; margin-left: -65px; position: absolute; left: 50%; bottom: 36px;transform:translateY(100px); opacity:0; transition:all 0.4s ease-in-out }
.active .hmp3More{transform:translateY(0px); opacity:1; transition-delay:1s}
.hmp3More:hover{color: #999999; transform:translateY(-10px)}
.logo { top:20px; left:35px; display:block; position: absolute; }
.headTel { color: #FFF; font-size: 20px; line-height: 31px; background: url(../images/telIcon.png) no-repeat left center; padding-left: 45px; position: absolute; top: 30px; right: 35px; }
.topLan{position:absolute; right:230px; top:50%; margin-top:-15px; font-size:14px;}
.topLan_a{color:#fff; margin:0 4px; display:inline-block; padding:0 3px; line-height:30px; height:30px; transition:none!important}
.topLan_a.on,.topLan_a:hover{ font-weight: bold; border-bottom:2px solid #fff;color:#fff!important; }
.nav_a { color: #ffffff; font-size: 18px; line-height: 82px; display: inline-block; border-top: 5px solid transparent; padding: 0px 12px; margin: 0px 15px; }
.nav_a.active,.nav_a:hover{ border-top: 5px solid #FFF; color: #FFF; }
.m2Ban { height: 400px; position: relative; }
.m2banIcon1 { background: url(../images/m2banIcon.png) no-repeat; height: 71px; width: 18px; margin-left: -9px; position: absolute; left: 50%; bottom: 60px; }
.m2BanTxt { width: 100%; text-align: center; height: 214px; color: #FFF; position: absolute; left: 0px; bottom: 0px; }
.m2Ban_s1 { font-size: 30px; line-height: 44px; display:block }
.m2Ban_s2 { font: 24px/32px Arial; text-transform: uppercase; display:block }
.pubBom { height: 117px; background: url(../images/m2bomBg.jpg) no-repeat center bottom; padding-top: 83px; padding-right: 4.2%; }
.footer { line-height: 74px; background: #0A0A0A; height: 74px; text-align: center; font-size: 14px; color: #8a8a8a; }
.footer a,.footer a:hover{color: #8a8a8a;}
.pubBom ul li { float: left; height: 60px; white-space: nowrap; padding: 0px 4.2% 0px 4.8%; }
.pubBom_icon1 { float: left; height: 36px; width: 36px; border: 1px solid #FFF; background: url(../images/m2bom_icon1.png) no-repeat center center; }
.pubBom_icon2 { float: left; height: 36px; width: 36px; border: 1px solid #FFF; background: url(../images/m2bom_icon2.png) no-repeat center center; }
.pubBom_icon3 { float: left; height: 36px; width: 36px; border: 1px solid #FFF; background: url(../images/m2bom_icon3.png) no-repeat center center; }
.pubBomSnm { font-size: 14px; color: #FFF; line-height: 22px; margin: -2px 0px 0px 49px; }
.pubBom_wx { background: url(../images/bmIcon2.png) no-repeat; float: right; height: 38px; width: 38px; margin-right: 20px; position: relative; }
.pubBom_resBtn { background: url(../images/bmIcon1.png) no-repeat; float: right; height: 38px; width: 38px; margin-right: 20px; }
.m2main { margin-top: 80px;}
.m2caseUl ul li { margin: 0px 0px 35px 0px; width:33.333%; float: left; padding:0 15px; }
.m2caseUl ul li img{width:100%; height:auto;}
.m2case_aBox { display: block; position: relative; }
.m2caseUl { padding-bottom: 63px; }
.m2moreBtn { text-align: center; height: 52px; background: url(../images/m2line.jpg) repeat-x left center; margin-bottom: 95px; }
.m2moreAbtn,.m2moreAbtn:hover { line-height: 50px; height: 50px; width: 320px; display: inline-block; border: 1px solid #D5D5D5; font-size: 17px; color: #bcbcbc; background: #FFF url(../images/m2rft.png) no-repeat 206px center; padding-left: 97px; text-align: left; }
.m2caseLayer { height: 253px; left:30px; right:30px; position: absolute; bottom: -205px; left: 28px; background: url(../images/headBg.png) repeat; background: rgba(210,21,26,0.85); color: #FFF; padding: 0px 28px; text-align: center; transition:all 0.4s ease }
.m2case_t1{ font-size: 15px; line-height: 48px; height: 48px; overflow: hidden; transition:all 0.4s ease }
.m2case_des { font-size: 13px; line-height: 24px; height: 72px; margin-bottom: 25px; }
.m2caseMbtn{ background: url(../images/m2mbtn.png) no-repeat center center; height: 28px; width: 107px; border: 1px solid #FFF; display: inline-block; }
.m2case_aBox:hover .m2caseLayer{padding-top:21px; bottom:0}
.m2case_aBox:hover .m2case_t1{ font-size: 20px; line-height: 68px; height: 68px;}
.m2case_t2 { font-size: 30px; line-height: 52px; text-align: center; padding-top: 0px; }
.m2caseBox { padding: 0px 15px; }
.m2caseInfo { line-height: 54px; height: 54px; border-top: 1px dashed #BCBCBC; border-bottom: 1px dashed #BCBCBC; margin-top: 45px; font-size: 15px; }
.m2caseBack { background: url(../images/backTicon.jpg) no-repeat left center; padding-left: 27px; float: left; }
.m2Editor{ font-size: 14px; line-height: 32px; color: #666; padding: 30px 0px 65px; margin-bottom: 35px; }
.m2LogoUl { margin-bottom: 55px; margin:0 -15px; }
.m2LogoUl ul li { margin: 0px 0px 30px; padding:0 15px; float: left; width: 25%; }
.m2LogoUl ul li img{max-width:86%; height:auto; margin:0 auto}
.m2logo_aBox { display: block; border: 1px solid #DADADA; }
.m2logo_aBox:hover { border: 1px solid #000000; }
.m2lxBx1 { width:100%; max-width: 1200px; padding: 73px 0px 69px; }
.m2lxBx1 strong { display: block; font-size: 26px; line-height: 40px; margin-bottom: 5px; font-weight: normal; }
.m2lxBx1 p { font: 16px/24px Arial; text-transform: uppercase; color: #999999; }
.m2lxBx2 { background: url(../images/FirstScreen2.jpg) no-repeat fixed center center; background-size:cover; height: 395px; position: relative; }
.m2lxBx2Box { margin: 0px auto; width:100%; max-width: 1200px; padding-top: 57px; font-size: 14px; line-height: 30px; color: #FFF; text-align: center; }
.m2lxItms { line-height: 62px; height: 62px; border: 1px dashed #D7D7D7; margin-top: 30px; }
.m2lxItms li { float: left; height: 50px; width: 398px; border-right: 1px dashed #D7D7D7; text-align: center; font-size: 15px; color: #FFF; line-height: 20px; padding-top: 12px; position: relative; }
.m2lxItms .m2lxLast { border-right-width: 0px; border-right-style: none; }
.m2lxWxBox { background: #FFF; height: 171px; width: 139px; border: 1px solid #E4E4E4; text-align: center; position: absolute; left: 50%; bottom: -87px; margin-left: -70px; font-size: 14px; color: #666666; }
.m2map { height: 305px; width: 1198px; border: 1px solid #D9D9D9; margin: 120px auto 70px; }
.m2ywBox { background: url(../images/m2ywBg.jpg) no-repeat center center; height: 897px; }
.m2ywList { margin: 0px auto; width: 1200px; height: 807px; padding-top: 90px; border-right:1px solid #6B6760; border-right: 1px solid rgba(255,255,255,0.15); }
.m2ywList ul li { width: 299px; border-left:1px solid #6B6760; border-left: 1px solid rgba(255,255,255,0.15); float: left; }
.m2yw_aBox{ height: 577px; display: block; padding-top: 230px; overflow:hidden }
.m2yw_aBox:hover{ background:url(../images/m2ywBg2.png) repeat; background:rgba(0,0,0,0.3);}
.m2ywIcon { text-align: center; height: 45px; margin-bottom: 30px; }
.m2ywIcon img{transition:all 0.4s ease-in-out;}
.m2yw_st1 { font-size: 20px; color: #FFF; line-height: 35px; text-align: center; }
.m2yw_st2 { font: 18px/32px Arial; color: #FFF; text-align: center; margin-bottom: 63px; position: relative; text-transform: uppercase; }
.m2yw_st2 i { background: #FFF; height: 1px; width: 20px; position: absolute; left: 50%; margin-left: -10px; bottom: -30px; }
.m2yw_sp1 { text-align: center; font-size: 14px; line-height: 24px; height: 156px; padding: 0px 18px; color: #c3c3c3; }
.m2yw_more { color: #FFF; font: 14px/24px Arial; text-transform: uppercase; text-align: center; display: block; opacity:0; transition:all 0.4s ease-in-out; opacity:0; transform:translateY(300px) }
.m2yw_aBox:hover .m2yw_more{opacity:1; transform:translateY(0)}
.m2yw_aBox:hover .m2ywIcon img{transform:rotate(360deg);}
.m2banCon { margin: 0px auto; width: 1200px; padding-top: 129px; position: relative; height: 265px; }
.m2banIcon2 { position: absolute; top: 176px; right: 0px; background: url(../images/m2banIcon2.png) no-repeat; height: 150px; width: 156px; }
.m2banCs1 { text-transform: uppercase; font: 45px/64px Arial; color: #FFF; opacity:0.35; filter:alpha(opacity=35); }
.m2banCs2 i { background: #FFF; height: 3px; width: 42px; position: absolute; left: 0px; bottom: -14px; }
.m2banCs2 { line-height: 48px; height: 48px; margin-bottom: 36px; font-size: 30px; color: #ffffff; position: relative; }
.m2banCp { font-size: 15px; line-height: 28px; color: #dfdfdf; }
.m2ywUl { width: 1300px; margin-bottom: 68px; }
.m2ywUl ul li { float: left; margin: 0px 26px 26px 0px; }
.m2yw_aBox2 { display: block; height: 405px; width: 383px; position: relative; }
.m2yw_aBox2 img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.m2yw_aBox2:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.m2ywBom { height: 96px; width: 337px; position: absolute; left: 22px; bottom: 30px; }
.m2ywLine { background: #FFF; height: 96px; width: 19px; position: absolute; left: 0px; bottom: 0px; transition:all 0.4s ease-in-out; }
.m2ywDes { background: #FFF; float: right; width: 196px; height: 96px; position: relative; padding: 0px 100px 0px 17px; transition:all 0.4s ease-in-out; }
.m2ywDes strong { line-height: 36px; height: 36px; padding-top: 18px; overflow: hidden; font-weight: normal; font-size: 17px; display: block; transition:all 0.4s ease-in-out; }
.m2ywDes p { height: 32px; font: 13px/32px Arial; color: #999999; text-transform: uppercase; transition:all 0.4s ease-in-out; }
.m2ywNum { text-align: center; height: 96px; width: 100px; position: absolute; top: 0px; right: 0px; font: 65px/96px Georgia; color: #e4e4e4; }
.m2yw_aBox2:hover .m2ywLine{ background: #000;}
.m2yw_aBox2:hover .m2ywDes{ background: #000;}
.m2yw_aBox2:hover .m2ywDes p{color:#fff;}
.m2yw_aBox2:hover .m2ywDes strong{color:#fff;}
.m2ywIcon2 { background: url(../images/m2mbtn.png) no-repeat; height: 15px; width: 24px; position: absolute; left: 96px; bottom: 19px; opacity:0; transition:all 0.4s ease-in-out; }
.m2yw_aBox2:hover .m2ywIcon2{opacity:1;}
.m2ywTop { background: url(../images/m2ywBg3.jpg) no-repeat center center; }
.m2ywTopBox { margin: 0px auto; width: 1200px; line-height: 113px; height: 113px; }
.m2ywTop_nm { float: left; font-size: 24px; text-transform: uppercase; background: url(../images/m2yw_icon5.png) no-repeat left center; padding-left: 44px; }
.m2ywTop_back { background: url(../images/m2ywIcon.png) no-repeat right center; float: right; font-size: 15px; padding-right: 43px; }
.m2yw_bt { font-size: 24px; line-height: 32px; padding-top: 10px; text-align: center; }
.m2yw_btEn { text-transform: uppercase; line-height: 28px; text-align: center; height: 42px; font-size: 20px; color: #999999; position: relative; margin-bottom: 26px; }
.m2yw_btEn i { background: #000000; height: 5px; width: 30px; margin-left: -15px; position: absolute; left: 50%; bottom: 0px; }
.m2ywEditor { font-size: 14px; line-height: 28px; color: #666666; padding-bottom: 75px; }
.m2ywCon2Bg { background: url(../images/m2ywBg4.jpg) no-repeat; height: 627px; padding-top: 75px; }
.m2ywCon2Bg .m2yw_bt,.m2ywCon2Bg .m2yw_btEn{color:#fff;}
.m2ywCon2Bg .m2yw_btEn i{background:#fff;}
.m2ywSlider { height: 475px; margin: 0px auto; width: 1200px; position: relative; }
.m2ywPrevBtn { background: url(../images/m2ywBtn.png) no-repeat; display: block; height: 65px; width: 33px; position: absolute; left: -68px; top: 132px; }
.m2ywNextBtn { background: url(../images/m2ywBtn.png) no-repeat right top; display: block; height: 65px; width: 33px; position: absolute; right: -68px; top: 132px; }
.m2ywSlider .bd ul { height: 475px; width: 1200px; overflow: hidden; }
.m2ywSlider .bd ul li { height: 400px; width: 262px; overflow: hidden; float: left; margin-right: 51px; padding-top:30px; }
.m2yePimg{width:198px; height:198px; margin:0 auto}
.m2yePimg img{width:198px; height:198px; border-radius:50%; overflow:hidden;-webkit-filter: grayscale(100%); filter: grayscale(100%); display:block; margin:0 auto; transition:all 0.4s ease-in-out}
.m2ywPbox { background: url(../images/m2pdes.png) no-repeat; height: 71px; text-align: center; padding: 32px 18px 0px; color: #FFF; font-size: 13px; line-height: 22px; position: relative; }
.m2ywPbox i { height: 32px; width: 1px; position: absolute; left: 50%; top: -26px; background: #FFF; }
.m2ywp_nm1{ font-size: 18px; text-transform: uppercase; line-height: 24px; padding-top: 10px; text-align: center; color: #FFF; }
.m2ywp_nm2{ color: #a6a6a6; text-align: center; line-height: 24px; height: 24px; margin-bottom: 28px; }
.m2ywSlider .bd ul li:hover .m2yePimg img{-webkit-filter: grayscale(0%); filter: grayscale(0%); transform:scale(1.08);}
.m2ywCon3 { padding: 70px 0px 95px; }
.m2ywSlider2 { height: 337px; padding-top: 18px; position: relative; }
.m2ywSlider2 .hd { height: 12px; width: 100%; position: absolute; left: 0px; bottom: 0px; text-align: center; }
.m2ywSlider2 .hd ul li { background: url(../images/m2ywSbtn.jpg) no-repeat right center; display: inline-block; margin: 0px 5px; height: 12px; width: 12px; cursor: pointer; text-indent: 1000px; overflow: hidden; }
.m2ywSlider2 .hd ul li.on { background: url(../images/m2ywSbtn.jpg) no-repeat left center; }
.m2ywSlider2 .m2case_aBox img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.m2ywSlider2 .m2case_aBox:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.pubBom_wx .m2lxWxBox { bottom: 50px; transition:all 0.3s ease-in-out; transform:translateY(-30px); border-radius:0.3em; opacity:0; filter:alpha(opacity=0) }
.pubBom_wx:hover .m2lxWxBox { bottom: 50px; transform:translateY(0); opacity:1; filter:alpha(opacity=100) }
.pubBom_wx{overflow:hidden;}
.pubBom_wx:hover{overflow:visible;}

.w1440 .hmP2Con .prev{left:0;}
.w1440 .hmP2Con .next{right:0;}
.w1440 #sliderMenu{display:none;}
.h800 .hmp3_aBox .bgImg{height:140px;}
.h800 .hmp3ImgBox{height:140px;}
.h800 .hmp3Nm{height:36px; line-height:36px;}
.h800 .hmp3More{bottom:8px;}
.h800 .hmp3Icon{top:48px;}
.h800 .hmp4_t2{margin-bottom:35px;}
.h800 .footerBg .m2lxWxBox{display:none;}
.h700 .hmp2_t1{margin-bottom:12px;}
.h700 .hmp2_txt{margin-top:20px;}
.h700 .hmp2_t3{margin:22px 0 20px}
.h700 .hmP2Con{margin-top:-190px;}
.h700 .hmp4_t2{margin-bottom:22px;}
.h700 .hmp4List li{height:135px;}
.h700 .hmp4Box{margin-top:-175px;}
.h700 .footerBg .m2lxWxBox{display:none;}

.backTop { background: url(../images/backTop.png) no-repeat; height: 50px; width: 50px; position: fixed; z-index: 50; right: 20px; bottom: 92px; z-index:99; display:none }

.hmFtlinks{float:left; display:none}
.hmFtlinks img{float:left; margin-left:20px; border-radius:0.5em; margin-top:12px;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}
.m2footer{position:static;}
.m2Ban{background-size:cover; background-position:center center;}
.autoMaxImg img{max-width:100%; height:auto;}
.m2menu { line-height: 65px; height: 66px; border-bottom: 1px solid #ddd; text-align: center; background: #FFF; position: relative; z-index: 5; }
.m2menu ul li { display: inline-block; position: relative; margin: 0px 25px; }
.m2menu_a { font-size: 16px; color: #333; line-height: 65px; display: inline-block; height: 65px; padding: 0px 5px; position: relative; }
.on .m2menu_a,.m2menu_a:hover { font-weight: bold; color: #D2151A; }
.on .m2menu_a:after/*,.m2menu_a:hover:after*/{ background: #D2151A; display: block; height: 3px; width: 100%; position: absolute; left: 0px; bottom: 0px; content:"" }

@media (max-width:1199px){
.sq_tow_msg{width:100%; left:0; margin-left:0; padding:0 15px;}
.sq_three_s2{width:100%; margin-left:0; left:0; padding:0 15px;}
.sq_three_s2 ul{margin:0 -15px;}
.sq_three_s2 ul li{margin:0; padding:0 15px; width:25%;}
.sq_three_re img{width:100%; height:auto;}
.sq_z_back{width:100%; height:100%;}
.hmp4List{width:100%; padding:0 15px; left:0; margin-left:0}
.hmFooter{width:100%; padding:0 15px;}
.nav_a{margin:0 10px; padding:0px 8px}
.m2lxBx1{padding-left:15px; padding-right:15px;}
.m2lxBx2Box{padding-left:15px; padding-right:15px;}
.m2lxItms li{width:33.333%;}
.m2lxBx2{height:auto; padding-bottom:105px;}
.m2map{width:100%;}
.m2main { padding:0 15px;}
.m2caseLayer{padding-left:14px; padding-right:14px; height:200px; bottom:-155px;}
.m2case_des{height:48px; overflow:hidden;}
}

@media (max-width:992px){
.headTel{display:none;}
.nav{text-align:right; padding-right:15px;}
.logo{left:25px;}
.sq_three_s2 ul li{width:50%; margin-bottom:20px;}
.sq_three_s2 ul li:nth-child(3),.sq_three_s2 ul li:nth-child(4){display:none;}
.sq_three_top{width:100%!important;}
.hmp4List{font-size:0;}
.hmp4List li{width:33.333%;}
.hmp4List li:last-child{display:none;}
.active .sq_three{top:18%;}
.hmp4List{margin-top:-30px;}
.footerBg .m2lxWxBox{ display:none}
.hmFtlinks{display:none;}
.m2lxItms{height:85px;}
.m2lxItms li{height:83px;}
.m2caseUl ul li{width:50%;}
.m2caseUl li:last-child{ display:none;}
.m2LogoUl ul{padding-left:5px; padding-right:5px;}
.m2LogoUl ul li{width:50%; padding:0 10px;}
}

@media (max-width:767px){
.header {position:fixed;}
.header{background:rgba(0,0,0,0.6); height:60px;}
.logo{left:15px; top:12px;}
.logo img{height:36px;}
.active .sliderLine{display:none;}
#sliderMenu{right:-26px;}
.active .sliderNum{position:relative; left:3px;}
.mToggleBtn{ background: url(../images/menuIcon.png) no-repeat; height: 23px; width: 27px; position: absolute; right: 15px; top: 19px; cursor: pointer; }
.nav{ width:100%; position:absolute; left:0; top:60px; background:rgba(0,0,0,0.6); padding-left:15px; display:none}
.nav_a,.nav_a:hover{height:42px; line-height:42px; margin:0; width:100%;text-align:left; display:block; border-top:1px solid rgba(255,255,255,0.2)!important; font-size:14px;}
.sq_img p{ display:none;}
.sq_img p.sq_img_s1{display:block; font-size:18px; padding:0 15px; line-height:24px;}
.sq_tow_screen{width:100%; left:0; margin-left:0; padding:0 15px;}
.sq_img img{transform:scale(0.6); position:relative; top:40px; left:-9px;}
.sq_img{text-align:center;}
.sq_tow_screen{line-height:24px; font-size:15px;}
.sq_three_s2 ul{margin:0 -5px;}
.sq_three_s2 ul li{padding:0 5px;}
.sq_three_top span:first-child{display:none;}
.hmp4List li{height:70px;}
.hmp4_aBox{ height:70px; padding-top:15px;}
.hmFooter span{ width:100%; line-height:22px; float:left}
.hmFooter{height:auto; padding:10px 15px!important;}
.footerBg{ height:auto;}
.m2main{margin-top:50px;}
.m2Editor{padding-bottom:15px; padding-top:10px;}
.m2Ban_s1{font-size:26px;}
.m2Ban_s2{font-size:22px;}
.m2Ban{height:350px;}
.m2case_t2{font-size:24px; line-height:40px;}
.m2caseInfo{height:auto;}
.m2caseInfo .fr{display:block; float:none; clear:both; line-height:24px; margin-bottom:14px;}
.m2lxBx1 strong{line-height:32px; font-size:22px;}
.m2lxItms {height:auto; padding-bottom:20px;}
.m2lxItms li{width:100%; height:auto;}
.m2lxWxBox{display:none;}
.m2map{margin-top:0; margin-bottom:0}
.m2lxBx2{padding-bottom:80px;}
.m2caseUl ul li{width:100%; padding-left:0; padding-right:0}
.m2caseUl li:last-child{ display:block;}
.m2caseUl{padding-bottom:40px;}
.m2moreAbtn,.m2moreAbtn:hover {width: 220px; font-size: 16px; background: #FFF url(../images/m2rft.png) no-repeat 156px center; padding-left: 47px; }
.m2moreBtn{margin-bottom:70px;}
.m2LogoUl ul li{width:50%;}
.m2menu{height:auto; padding-bottom:10px; line-height:45px;}
.m2menu_a{height:45px; line-height:45px;}
.m2menu ul li{margin:0 20px;}
}

@media (max-width:359px){

}

/*2017-05-24*/
.sq_tel{ height: 32px; width: 120px; background:rgba(255,255,255,0.8); position: absolute; left: 35px; top: -6px; font-size: 15px; line-height: 32px; font-weight: bold; color: #E83827; text-align: center; border-radius:0.3em; display:none }
.sq_tel:before{content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid rgba(255,255,255,0.8);; position:absolute; left:-6px; top:50%; margin-top:-6px;}
.wxImg{width:110px; height:110px; padding:5px 0 0 5px; position:absolute; left:35px; top:50%; margin-top:-55px; background:rgba(255,255,255,0.8); border-radius:0.3em; display:none}
.wxImg img{width:100px; height:100px;}
.wxImg:before{content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid rgba(255,255,255,0.8);; position:absolute; left:-6px; top:50%; margin-top:-6px;}
.sq_phone,.sq_weixin{cursor:pointer;}

/*2018-02-07 CSS*/
.m2zpTop{font-size:14px;line-height:24px;color:#666;padding:5px 0 255px}
.m2zpTop p{text-indent:28px;}
.m2zpMain{padding-top:55px;background:url(../images/m2zpBg.jpg) no-repeat center bottom}
.m2zpBox{ padding: 0px 0 50px; background: url(../images/m2zpBg.jpg) no-repeat center bottom; }
.keUpDownSlide dl dt{line-height:66px;height:68px;position:relative;font-size:14px;color:#999;overflow:hidden;cursor:pointer}
.keUpDownSlide dl{border-bottom:1px solid #E5E5E5}
.keUpDownSlide{border-top:1px solid #E5E5E5}
.keUpDownToggleBtn{background:url(images/upDownBtn.jpg) no-repeat;display:block;position:absolute;top:0;right:5px}
.keUpDownSlide dl dd{color:#666;font-size:14px;line-height:30px;padding:35px 30px 45px;display:none;background:#F6F6F6;border-top:1px solid #E5E5E5}
.keUpDownSlide dl dd strong{font-size:16px;line-height:42px;color:#333;display:block}
.keUpDownSlide dl{margin-bottom:10px}
.keUpDownSlide dl dt.on .keUpDownToggleBtn{color:#D2151A}
.keUpDownSlide dl dt.on i{transform:rotate(180deg)}
.m2zp_num{float:left;margin-right:20px;font-size:24px;color:#D2151A}
.m2zp_name{font-size:16px;font-weight:700;float:left;margin-right:10px;color:#333}
.m2zp_itms{font-size:14px;float:left}
.m2zp_ul li{padding:0 34px 0 35px}
@media (max-width:992px){.keUpDownSlide dl dd .dsPadPhone{padding-left:35px;padding-right:35px}
}
@media (max-width:767px){.m2zpTop{padding-bottom:155px}
.m2zp_name{font-size:15px}
.keUpDownSlide dl dd{line-height:28px;padding:25px 15px 25px}
.keUpDownSlide dl dd .dsPadPhone{padding-left:0;padding-right:0}
.m2zp_ul li{padding:0}
.keUpDownSlide dl dd strong{font-size:14px}
}

@media (min-width:993px){
.dsPc{display:block;}
.dsPadPhone{display:none;}
}
@media (max-width:993px){
.dsPc{display:none;}
.dsPadPhone{display:block;}
}

/*2018-06-4*/
.hmc2Con .overflowHide{position:relative; width:50%; height:100%; float:left; cursor:pointer}


.m2caseUlv2 ul li{width:25%;justify-content:space-around;}
.m2caseUlv2 .m2case_aBox .overflowHide{margin-bottom:12px;}
.m2caseUlv2 .m2case_p1,.m2caseUlv2 .m2case_p2,.m2caseUlv2 .m2case_p3{font-size:14px; height:24px; line-height:24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.contactR{min-height:320px;}
.hmc2TxtBox{padding-top:66px;}
@media (max-width:992px){
.m2caseUlv2 ul li{width:50%;}
.nav_a{margin:0 2px!important;}
.nav{padding-right:108px!important;}
.topLan{right:10px;}
.topLan_a{margin:0px;}
}
@media (max-width:767px){
.m2caseUlv2 ul li{width:100%;}
.hmc2Con .overflowHide{width:100%;}
.hmc2TxtBox{padding-top:0;}
.section-wrap .section-3 .mainPhoto .go{height:370px;}
.i_service li{height:370px;}
.topLan{right:60px;}
}