@charset "utf-8";

.page { height: 39px; text-align: center }

.page .pagination li { display: inline-block; vertical-align: middle; }

.page .pagination li a,.page .pagination li span { padding: 0px 5px; height: 37px; min-width: 37px; font-size: 14px; line-height: 37px; background: #f5f5f5; text-align: center; display: inline-block; margin-right: 9px; vertical-align: middle; color: #666; }

.page .pagination li.active a, .page .pagination li a:hover { color: #FFF; background: #C40032; }

.pageBom { height: 75px; }

.m2banner { height: 616px; position: relative; box-shadow: 0 4px 10px 8px rgba(0,0,0,0.09); }

.m2banTxt { width: 100%; position: absolute; z-index: 2; top: 50%; left: 0px; transform: translateY(-50%); text-align: center; color: #FFF; font-size: 40px; line-height: 48px; text-transform: uppercase; font-weight: bold; }

.m2banTxt strong { font-weight: normal; }

.m2banTxt_icon { height: 53px; width: 53px; border: 1px solid #FFF; margin: 28px auto 0px; display: inline-block; position: relative; border-radius: 50%; cursor: pointer }

.m2banTxt_icon span { background: url(../images/hmArrow.png) no-repeat center center; display: inline-block; height: 18px; width: 11px; margin-top: -16px; margin-left: -5px; position: absolute; left: 50%; top: 50%; animation: ud 1.5s ease-out infinite; -webkit-animation: ud 1.5s ease-out infinite; transform: translateY(30px); }

.m2menuWpr { position: relative; z-index: 9; margin-top: -66px; }

.m2menu { height: 106px; background: #fff; box-shadow: 0px 0px 12px 10px rgba(0,0,0,0.05); position: relative; }

.m2iban { height: 80.46vh; }

.m2menu_a { font-size: 20px; color: #9b9b9b; line-height: 106px; display: inline-block; position: relative; text-align: center; float: left }

.m2menu_a.on, .m2menu_a:hover { color: #c40030; }

.m2menu_line { background: #CC3600; height: 3px; width: 0; position: absolute; left: 0; bottom: 0; }

.topEmpty { height: 90px; }

.topEmpty2 { height: 112px; }

.m2breakBox { background: #FFF; padding: 2.77vh 0px 2.59vh; font-size: 16px; line-height: 26px; }

.m2banBreak { width: 100%; left: 0px; right: 0px; bottom: 16px; z-index: 5; text-align: right; position: absolute; padding: 0; background: none }

.m2breakBox span.m2break_s1 { background: url(../images/m2brk_i0.png) no-repeat left center; padding-left: 28px; display: inline-block; }

.m2breakBox span.m2break_s2{display: inline-block; margin: 0px 12px; width: 10px; line-height: 26px; height: 26px;}

.m3proTop  .m2breakBox span.m2break_s2 { display: inline-block; margin: 0px 12px; background: url(../images/m2brk_i1.png) no-repeat center center; width: 10px; line-height: 26px; height: 26px; }

.m2breakBox span, .m2breakBox a { vertical-align: middle; }

.m2banBreak span.m2break_s1 { background: url(../images/m2brk_icon.png) no-repeat left center; }

.m2banBreak * { color: #d3d3d3!important; opacity: 0.8; }

.m2banBreak span.m2break_s2 { background: url(../images/m2brk_i1a.png) no-repeat center center; }

.m2banBreak2 { bottom: 82px; }

.m2banBreak2.productDh{bottom: 96px;}
.cat-7{height:auto!important;}
.cat-7 .container{left:0!important; position:static!important; width:1470px!important; margin-left:auto!important; margin-right:auto!important;}
.m2nmenu .cat-7 .m3nMenu{width:100%!important; position:static!important; transform:translate(0,0)!important; white-space:normal!important; text-align:left!important;}
.cat-7 .m3nMenu_item{white-space:nowrap!important;}
.m3nMenu{height:auto!important; padding:20px 0;}
.m3nMenu_item,.m3nMenu_a{line-height:50px!important;}
@media (max-width:1799px) {
.cat-7 .container{ width:1230px!important;}
.m2banner { height: 60vh }

.m2menuWpr { margin-top: -46px; }

.m2menu { height: 86px; }

.m2menu_a { font-size: 18px; line-height: 86px; }

.m2menu_line { height: 2px; }

.m2banBreak2 { bottom: 68px; }

.m2breakBox { font-size: 15px; }

.m2banTxt { font-size: 36px; }

}

@media (max-width:993px) {

.m2banner { height: 400px; }

.m2menu_a { font-size: 15px; }

.m2abtc3Box { height: auto; }

.m2banTxt { font-size: 30px; line-height: 40px; }

}

@media (max-width:767px) {

.page { margin: 0 15px 0px; text-align: center }

.m2banBreak { display: none!important; }

.m2banner { height: 200px; }

.m2menuWpr { margin-top: 0; animation: none!important; }

.m2menu { height: auto; margin: 0 -15px; position: relative; z-index: 5; padding: 20px 0 10px; text-align: center; }

.m2menu_a { width: auto!important; margin: 0 5px; white-space: nowrap; line-height: 26px; margin-bottom: 10px; float: none; display: inline-block; padding: 3px 20px;/* border-radius: 1.8em; border: 1px solid #fff; */}

.m2menu_a.on {/* border: 1px solid #c40030;*/ }

.m2menu_line { display: none; }

.m2banTxt_icon { display: none; }

.m2banTxt { font-size: 26px; line-height: 32px; }

}

.m2mberBox { background: #f3f3f3; padding: 50px 0px; }

.m2mberLx { background: #FFF; float: left; width: 280px; min-height: 50px; box-shadow: 0 2px 5px 3px rgba(0,0,0,0.06); }

.m2mberRx { background: #FFF; margin-left: 320px; min-height: 400px; box-shadow: 0 1px 4px 2px rgba(0,0,0,0.06); padding: 0px 40px 40px; }

.m2mber_menu { padding: 0px 15px; }

.m2mber_a { font-size: 14px; line-height: 58px; display: block; height: 59px; border-bottom: 1px solid #F3F3F3; background: url(../images/m2mbr_ar1.png) no-repeat calc(100% - 18px) center; padding-left: 18px; }

.m2mber_menu li:last-child a { border: none; }

.m2mber_a:hover, .m2mber_a.on { background: url(../images/m2mbr_ar2.png) no-repeat calc(100% - 18px) center; color: #c40030 }

.m2mber_cnm { font-size: 24px; line-height: 40px; padding-top: 20px; font-weight: normal; }

.bmForm { margin-top: 30px; }

.bmForm li { padding: 0 0px; padding-bottom: 28px; }

.bmFm_snm { text-align: right; width: 102px; font-size: 14px; line-height: 46px; float: left; color: #666; }

.bmFmInbox { margin-left: 112px; max-width: 565px; }

.layui-input, .layui-select, .layui-textarea { height: 46px; line-height: 1.3; border: 1px solid #D6D6D6!important; line-height: 46px\9; background-color: #fff; border-radius: 0.3em!important; font-size: 16px; padding-left: 20px; padding-right: 20px; color: #666; background: #FAFAFA!important; max-width: 366px; }

.bmFmInbox2 .layui-input { max-width: 260px; }

.bmFmInbox2 .layui-input:focus, .bmFmInbox .layui-input:focus { border: 1px solid #aaa!important; }

.layui-form-select dl { top: 50px; }

.layui-form-select dl dd.layui-this { background: #8A0B37; }

.layui-form-select dl dd { font-size: 16px; }

.bmFmItems {  margin: 0 -12px; }

.bmFmitme { padding: 0 12px; width: 33%; float: left }

.bmFm_snm2 { line-height: 90px; }

.bmHeadImg { display: inline-block; height: 90px; width: 90px; border: 1px solid #EDEDED; }

.bmFmInbox3 .layui-input { max-width: none; }

.submitBtn { background: url(../images/m2fm_btn.png) no-repeat center center; text-indent: 1000px; white-space: nowrap; height: 46px; width: 117px; overflow: hidden; display: block; }

.m2mbdTable tr td { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding-left: 5px; padding-right: 5px; }

.m2mbdTable { margin-top: 10px; margin-bottom: 55px; }

.m2mbr_th td { font-size: 16px; font-weight: bold; color: #333; line-height: 64px; }

.m2mbr_tr td { padding: 25px 0px; font-size: 16px; line-height: 24px; }

.m2mbr_spx { transition: all 0.5s ease-in-out; border: 1px solid #E2E2E2; display: inline-block; position: relative; height: 80px; width: 80px; }

.m2mbr_spx img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; }

.m2mbr_pnm { display: inline-block; max-width: 225px; }

.m2mbr_tr:hover td, .m2mbr_tr:hover td a { color: #c40030; }

.m2mbr_tr:hover .m2mbr_spx { border: 1px solid #c40030; }

.m2mbr_update { padding: 12.5vh 0px; }

.m2mbr_update li { float: left; width: 33.33%; padding: 0px 45px; }

.m2mbr_aBox { display: block; height: 228px; padding-top: 50px; border: 1px solid #F3F3F3; border-radius: 0.6em; box-shadow: 0 0 5px 4px rgba(0,0,0,0.03); text-align: center; }

.m2mbr_aBox:hover { border: 1px solid #AA2C00; }

.m2mbr_uicon { display: inline-block; height: 45px; width: 45px; position: relative; }

.m2mbr_uicon img { position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out }

.m2mbr_aBox:hover .m2mbr_uicon img { opacity: 0; }

.m2mbr_aBox:hover .m2mbr_uicon img.iOpacity { opacity: 1; }

.m2mbr_aBox strong { line-height: 64px; display: block; height: 64px; margin-top: 14px; font-size: 22px; font-weight: normal; transition: all 0.5s ease-in-out; }

.m2mbr_aBox p { font-size: 16px; color: #565656; line-height: 20px; display: inline-block; border-bottom: 1px solid #565656; transition: all 0.5s ease-in-out; }

.m2mbr_aBox:hover * { color: #AA2C00; }

.m2mbr_aBox:hover p { border-bottom: 1px solid #AA2C00; }

@media (max-width:1799px) {

.bmForm li { margin-bottom: 20px; }

.m2mberRx { margin-left: 300px; }

.m2mberBox { padding-top: 40px; }

.topEmpty, .topEmpty2 { height: 90px; }

.m2mbdTable { margin-bottom: 35px; }

}

@media (max-width:1559px) {

.m2mbr_update li { padding: 0px 15px; }

.m2mbr_update { padding: 9.5vh 0px; }

}

@media (max-width:1379px) {

.bmForm li { margin-bottom: 12px; }

.m2breakBox { font-size: 14px; }

.layui-input, .layui-select, .layui-textarea { font-size: 14px; }

.layui-form-select dl dd { font-size: 14px; }

.m2mberBox { padding-top: 30px; }

.m2mbr_tr td { font-size: 14px; }

.m2mbr_th td { font-size: 15px; }

.m2mbr_aBox strong { font-size: 20px; line-height: 50px; height: 50px; }

.m2mbr_aBox p { font-size: 14px; }

}

@media (max-width:1199px) {

.m2mberLx { width: 200px; }

.m2mberRx { margin-left: 220px; }

.topEmpty, .topEmpty2 { height: 56px; }

.m2mberBox { padding-top: 20px; }

}

@media (max-width:993px) {

.m2mberLx { width: 100%; float: none; margin-bottom: 10px; }

.m2mberRx { margin-left: 0; }

}

@media (max-width:767px) {

.m2mberRx { padding: 0px 20px 30px; }

.m2mbr_update li { width: 100%; margin-bottom: 15px; }

.m2mbr_update { padding-top: 25px; padding-bottom: 10px }

.m2mber_cnm { font-size: 22px; }

.bmFm_snm { width: 60px; }

.bmFmInbox { margin-left: 64px; }

.bmFmitme { width: 100%; margin-right: 0; padding: 0; margin-bottom: 12px; }

.bmFmItems { margin: 0; }

.m2mbdTable { width: 100%; overflow: auto; }

.m2mbdTableBox { width: 600px; }

}

.m2dwCon { padding: 55px 0px; }

.m2dwul { margin: 0px -13px; }

.m2dwul li { padding: 0px 13px; margin-bottom: 30px; }

.m2dw_aBox.scaleImg .overflowHide { height: 185px; }

.m2dw_aBox { display: block; position: relative; z-index: 1; border-radius: 0.6em; overflow: hidden; background: #fff; box-shadow: 0 1px 10px 8px rgba(0,0,0,0.05); }

.m2dw_tnm { padding: 24px 76px 24px 25px; position: relative; }

.m2dw_tnm i { background: url(../images/m2dw_icon.png) no-repeat; display: inline-block; height: 31px; width: 33px; position: absolute; top: 32px; right: 20px; transition: all 0.5s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.8; }

.m2dw_tnm p { font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; }

.m2dw_aBox:hover { color: #c40030; }

.m2dw_aBox:hover .m2dw_tnm i { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); }

@media (max-width:1799px) {

.m2dw_tnm p { font-size: 15px; }

.m2dwCon { padding-bottom: 25px; }

}

@media (max-width:1379px) {

.m2dw_tnm p { font-size: 14px; }

.m2dwCon { padding-bottom: 15px; }

}

@media (max-width:1199px) {

.m2dwul li { width: 33.33%; }

}

@media (max-width:767px) {

.m2dwul li { width: 100%; }

.m2dwCon { padding-top: 35px; }

.m2dwul li { margin-bottom: 20px; }

}

.m2dtCon { padding: 65px 0px 30px; }

.m2dtul { margin: 0px -24px; }

.m2dtul li { padding: 0px 24px; margin-bottom: 48px; }

.m2dt_aBox.scaleImg .overflowHide { height: 242px; }

.m2dt_aBox { display: block; position: relative; z-index: 1; border-radius: 0.6em; overflow: hidden; background: #fff; box-shadow: 0 1px 16px 14px rgba(0,0,0,0.07); }

.m2dtBom { padding: 13px 25px 25px; }

.m2dtBom .ellipsis { font-size: 20px; line-height: 48px; font-weight: normal; display: block; height: 48px; }

.m2dtBom p { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 8px; color: #828282; }

.m2dtBom span { display: inline-block; font-size: 14px; color: #484848; line-height: 30px; height: 30px; }

.m2newsul li { margin-bottom: 80px; }

@media (max-width:1379px) {

.m2dtCon { padding: 60px 0px 20px; }

.m2dtul { margin: 0px -15px; }

.m2dtul li { padding: 0px 15px; margin-bottom: 30px; }

.m2dt_aBox { box-shadow: 0 1px 10px 8px rgba(0,0,0,0.07); }

}

@media (max-width:1199px) {

.m2dtBom .ellipsis { font-size: 18px; }

}

@media (max-width:767px) {

.m2dtCon { padding: 40px 0px 20px; }

.m2dtBom { padding: 12px 15px 20px; }

.m2dtBom .ellipsis { font-size: 16px; }

}

.m2newsCon { padding: 65px 0px 0px; }

.m2n_aBox { display: block; position: relative; }

.m2n_aBox .overflowHide { float: right; height: 361px; width: 575px; }

.m2nDes { padding: 50px 142px 56px 38px; position: absolute; top: 50%; right: 475px; transform: translateY(-50%); background: #FFF; box-shadow: 0 1px 16px 14px rgba(0,0,0,0.09); left: 0 }

.m2nDes .ellipsis { font-size: 24px; font-weight: normal; line-height: 70px; display: block; height: 70px; }

.m2nDes p { font-size: 16px; line-height: 28px; color: #828282; height: 84px; overflow: hidden; }

.m2nMore { display: inline-block; height: 25px; width: 25px; position: absolute; right: 34px; bottom: 30px; background: url(../images/m2n_ar.png) no-repeat center center; }

.m2nTime { font-size: 20px; line-height: 26px; display: inline-block; position: absolute; top: 60px; right: 40px; text-align: right; color: #333; }

.m2nTime span { font-size: 12px; color: #8d8d8d; line-height: 15px; display: block; }



.m2newsul .no-thumb .overflowHide{display:none;}

.m2newsul .no-thumb .m2nDes{right:0 !important;left:0 !important;clear:both;position: relative;top:120px;}





@media (min-width:1199px) {

.m2newsul li:nth-child(2n) .m2n_aBox .overflowHide { float: left; }

.m2newsul li:nth-child(2n) .m2nDes { left: 475px; right: 0; }

}

@media (max-width:1799px) {

.m2newsCon { padding: 55px 0px 0px; }

.m2newsul li { margin-bottom: 50px; }

.m2n_aBox .overflowHide { height: 350px; }

.m2nDes .ellipsis { font-size: 20px; }

.m2nTime { top: 65px; }

.m2nDes p { font-size: 15px; }

.m2nDes { padding: 40px 102px 56px 38px; }

}

@media (max-width:1199px) {

.m2n_aBox .overflowHide { height: 320px; width: 420px; }

.m2nDes { right: 345px }

}

@media (min-width:767px) {

.m2newsul li:nth-child(2n) .m2n_aBox .overflowHide { float: left; }

.m2newsul li:nth-child(2n) .m2nDes { left: 345px; right: 0; }



}

@media (max-width:993px) {

.m2nTime { right: 20px; top: 62px; }

.m2nDes { padding: 40px 92px 56px 18px; }

}

@media (max-width:767px) {

.m2newsCon { padding-top: 35px; }

.m2newsul { margin: 0 0 32px; }

.m2n_aBox .overflowHide { width: 100%; height: 220px; float: none; }

.m2nDes { position: static; width: 100%; float: none; transform: translateY(0); padding: 20px 15px 60px 15px }

.m2nDes .ellipsis { font-size: 16px; line-height: 30px; height: 30px; font-weight: bold }

.m2nTime { right: auto; left: 15px; top: auto; bottom: 20px; font-size: 14px; color: #484848; }

.m2nTime span { display: inline-block; display: none }

.m2nMore { right: 15px; bottom: 20px; }

.m2nDes p { font-size: 14px; line-height: 24px; height: 48px; }

.m2newsul li { margin-bottom: 20px; }

.m2newsul .no-thumb .m2nDes{top:0;}

}

.m3newsCon { padding: 70px 0px 80px; }

.m3n_title { font-size: 38px; line-height: 70px; text-align: center; font-weight: normal; }

.m3n_info { text-align: center; padding: 22px 0px 50px; }

.m3n_s1 { background: url(../images/m3n_i1.png) no-repeat left center; display: inline-block; padding-left: 38px; line-height: 30px; height: 30px; margin: 0px 25px; }

.m3n_s2 { background: url(../images/m3n_i2.png) no-repeat left center; display: inline-block; padding-left: 34px; line-height: 30px; height: 30px; margin: 0px 25px; }

.m3n_s3 { background: url(../images/m3n_i3.png) no-repeat left center; display: inline-block; padding-left: 34px; line-height: 30px; height: 30px; margin: 0px 25px; }

.m3nEditor { font-size: 16px; line-height: 38px; color: #6b6b6b; padding-bottom: 45px; }

.m3nEditor video{ max-width:100%; height:auto;}

.m3page { height: 82px; position: relative; z-index: 5; }

.m3page:before { content: ""; width: 100%; height: 82px; border-bottom: 1px solid #F7F7F7; border-top: 1px solid #F7F7F7; position: absolute; left: 0; top: 0; }

.m3page_prev { float: left; width: 45%; line-height: 82px; height: 82px; overflow: hidden; font-size: 16px; display: inline-block; position: relative; z-index: 1; }

.m3page_prev span.m3page_span { display: inline-block; background: #9b9b9b url(../images/m3n_arr.png) no-repeat center center; height: 82px; width: 82px; margin-right: 14px; transition: all 0.5s ease-in-out; }

.m3page_next { float: right; width: 45%; line-height: 82px; height: 82px; overflow: hidden; font-size: 16px; display: inline-block; text-align: right; position: relative; z-index: 1; }

.m3page_next span.m3page_span { display: inline-block; background: #9b9b9b url(../images/m3n_arr.png) no-repeat center center; height: 82px; width: 82px; margin-left: 14px; transition: all 0.5s ease-in-out; transform: rotate(180deg); }

.m3page_a { color: #6b6b6b; }

.m3page text, .m3page span { vertical-align: middle; }

.m3page_a:hover span.m3page_span { background-color: #c40030!important; }

.m3page_txt { max-width: calc(100% - 168px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width:1799px) {

.m3n_title { font-size: 32px; line-height: 60px; }

.m3newsCon { padding: 50px 0px 80px; }

.m3n_info { padding: 16px 0px 30px; }

.m3nEditor { font-size: 15px; line-height: 32px; padding-bottom: 35px; }

}

@media (max-width:1379px) {

.m3n_title { font-size: 28px; line-height: 56px; }

.m3nEditor { line-height: 30px; padding-bottom: 30px; }

.m3page_prev, .m3page_next { font-size: 15px; }

}

@media (max-width:993px) {

.m3page_prev, .m3page_next { width: 48%; }

}

@media (max-width:767px) {

.m3n_title { font-size: 22px; line-height: 36px; }

.m3n_s1, .m3n_s2, .m3n_s3 { margin: 0 8px; }

.m3page_prev, .m3page_next { display: none; }

.m3page { border: none; font-size: 14px; line-height: 24px; }

.m3page P { margin: 8px 0; }

.m3page:before { display: none; }

.m3newsCon { padding-bottom: 30px; }

}

.imBerBox { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100vh; }

.imBerCon { width: 500px; padding: 48px 48px 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5; background: rgba(255,255,255,0.3); border-radius: 1.5em; margin-top: 55px; }

.imBer_t { line-height: 62px; font-size: 38px; color: #FFF; text-align: center; margin-bottom: 34px; text-shadow: 2px 3px 1px rgba(0,0,0,0.5); font-weight: 100; }

.imBer_fm li { margin-bottom: 20px; position: relative; }

.imBer_fm li input { height: 54px; width: 100px; padding: 0px 15px 0px 55px; border: 1px solid rgba(255,255,255,0.6); background: none; border-radius: 0.4em; overflow: hidden; width: 100%; font-size: 16px; color: #FFF; }

.imBer_fm li input:focus { border: 1px solid rgba(255,255,255,1); }

.imBer_icon { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); }

.imBer_fm li input::-webkit-input-placeholder {

color:#fff;

}

.imBer_fm li input::-moz-placeholder {

color:#fff;

}

.imBer_fm li input:-moz-placeholder {

color:#fff;

}

.imBer_fm li input:-ms-input-placeholder {

color:#fff;

}

.imBer_get { text-align: center; width: 162px; line-height: 54px; height: 54px; position: absolute; top: 0px; right: 0px; font-size: 16px; color: #333; background: #FFF; border-radius: 0 0.3em 0.3em 0; }

.imBer_get .disabled{color:#999}

.imBer_get img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.imBer_submit { font-size: 22px; line-height: 54px; color: #FFF; background: url(../images/imber_bline.jpg) repeat-x left center; height: 54px; width: 100%; letter-spacing: 18px; border-radius: 0.3em; margin-top: 40px; cursor: pointer; text-shadow: 2px 3px 1px rgba(0,0,0,0.5); transition: all 0.5s ease-in-out; }

.imBer_submit:hover { box-shadow: 0 2px 5px 3px rgba(0,0,0,0.2); transform: translateY(-3px) }

.imBer_ba { font-size: 16px; line-height: 24px; color: #FFF; letter-spacing: 3px; display: block; }

.imBer_ba:hover { text-decoration: underline; }

.imBer_get_pwd, .imBer_get_pwd:hover { font-size: 16px; color: #c40030; line-height: 28px; display: inline-block; position: absolute; left: 0px; bottom: -44px; }

.imBer_get_pwd:hover { text-decoration: underline; }

.imBer_li01 { position: relative; z-index: 5; }

.imBer_ba1 { font-size: 16px; line-height: 24px; color: #FFF; letter-spacing: 3px; display: block; background: url(../images/wxIcon.png) no-repeat right center; padding-right: 35px; }

.imBer_ba2 { font-size: 16px; line-height: 24px; color: #FFF; letter-spacing: 3px; display: block; }

.imBer_txt { font-size: 16px; line-height: 30px; color: #FFF; }

.imBer_submit2 { margin-top: 10px; }

.imBer_ba1:hover, .imBer_ba2:hover { text-decoration: underline; }

@media (max-width:1799px) {

.imBerCon { width: 400px; padding: 28px 28px 20px; margin-top: 45px; }

.imBer_t { line-height: 42px; font-size: 28px; margin-bottom: 10px; }

.imBer_fm li { margin-bottom: 12px; }

.imBer_fm li input { height: 44px; font-size: 15px; padding-left: 45px }

.imBer_icon { transform: scale(0.9) translate(-4px, -50%); }

.imBer_get { height: 44px; line-height: 44px; width: 138px; }

.imBer_get img { height: 44px; width: auto; }

.imBer_submit { font-size: 20px; line-height: 44px; height: 44px; letter-spacing: 10px; }

.imBer_ba2 { font-size: 14px; line-height: 22px; letter-spacing: 1px; }

.imBer_txt { font-size: 14px; line-height: 26px; }

.imBer_ba { font-size: 15px; letter-spacing: 1px; }

.imBer_ba1 { font-size: 15px; letter-spacing: 1px; }

}

@media (max-width:767px) {

.imBerBox { height: auto; padding: 80px 15px; }

.imBerCon { position: static; transform: translate(0, 0); overflow: hidden; width: auto; }

}

.m2lxCon1 { padding: 95px 0px 60px; }

.m2lxConHs { background: #f4f4f4; }

.m2lx_ct { line-height: 50px; text-align: center; font-size: 34px; letter-spacing: 2px; }

.m2lx_et { color: #6a809b; letter-spacing: 2px; text-align: center; font: 100 16px/30px "微软雅黑"; }

.m2lxu1 { text-align: center; margin: 60px 0px 65px; }

.m2lx_mapBtn { display: block; margin: 0px auto; width: 112px; font-size: 16px; line-height: 30px; color: #666; background: url(../images/m2lx_mi.png) no-repeat center top; padding-top: 35px; text-align: center; }

.m2lxu1 li { text-align: center; width: 28%; border-right: 1px solid #EAEAEA; display: inline-block; vertical-align: top }

.m2lxu1 li:last-child { border-right: 1px solid #fff; }

.m2lxicon { background: #C40032; height: 76px; width: 76px; display: inline-block; margin-bottom: 14px; border-radius: 50%; position: relative; }

.m2lxicon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.m2lxu1.clearfix li strong { font-size: 18px; display: block; line-height: 38px; }

.m2lxu1.clearfix li p { font-size: 16px; line-height: 30px; max-width: 255px; display: inline-block; color: #666; }

.m2lx_ct2 { padding-top: 30px; }

.m2lxCon3 { padding: 95px 0px 80px; }

.m2lxu2 { margin: 70px -25px 0px; }

.m2lxu2.clearfix li { padding: 0px 25px; margin-bottom: 50px; width: 33.333%; float: left }

.m2lx_aBox { display: block; height: 190px; overflow: hidden; position: relative; z-index: 1; border-radius: 0.4em; box-shadow: 0 1px 16px 14px rgba(0,0,0,0.07); background-position: center right; background-repeat: no-repeat; }

.m2lxu2Img { height: 100%; width: 105px; float: left; position: relative; background: #fff; }

.m2lxu2Img .bgImg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.6; transition: all 0.5s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.m2lxu2Img p { font-size: 16px; color: #FFF; line-height: 40px; text-align: center; height: 40px; width: 100%; background: rgba(0,0,0,0.8); left: 0; bottom: 0; position: absolute; z-index: 5; transition: all 0.5s ease-in-out; }

.m2lxDes2 { margin-left: 105px; background: #FFF; height: 100%; padding: 0px; position: relative; z-index: 1; transition: all 0.5s ease-in-out; opacity: 0 }

.m2lxDes2x { position: absolute; left: 30px; right: 30px; top: 50%; transform: translateY(-50%); font-size: 16px; line-height: 26px; color: #666; text-align: left; }

.m2lxDes2x p { padding-left: 48px; text-indent: -48px; }

.m2lx_aBox:hover .m2lxDes2 { opacity: 0; }

.m2lx_aBox:hover .bgImg { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }

.m2lx_aBox:hover .m2lxDes2 { opacity: 1; }

.m2lx_aBox:hover .m2lxu2Img p { background: rgba(196,0,50,0.8); }

.m2lxCon4 { padding: 85px 0px; }

.m2lxFm { margin: 45px -10px 0px; }

.m2lxFm li { padding: 0px 10px; margin-bottom: 20px; }

.m2lxFm li input { font-size: 16px; line-height: 50px; color: #666; padding: 0px 22px; height: 50px; width: 100%; border-width: 0px; border-style: none; border-radius: 0.3em; }

.m2lxFm li textarea { font: 16px/28px "微软雅黑"; color: #666; padding: 12px 22px; width: 100%; border-width: 0px; border-style: none; height: 270px; }

.m2lxFm li input:focus, .m2lxFm li textarea:focus { border: 1px solid #ddd; }

.m2lxSubmit { font-size: 16px; line-height: 52px; color: #FFF; text-align: center; display: block; margin: 28px auto 0px; height: 52px; width: 155px; background: #C40032; border-width: 0px; border-style: none; cursor: pointer; border-radius: 0.3em; transition: all 0.5s ease-in-out; }

.m2lxSubmit:hover { background: #930025; box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1); transform: translateY(-8px) }

.m2lxCon2 { padding: 85px 0px 135px; position: relative; }

.m2lx_word { background: #FFF; height: 90px; width: 158px; position: absolute; bottom: 0px; left: 13.8vw; }

.m2lx_word img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.m2lxc2Box { position: relative; margin: 42px 6.14vw 0px; min-height: 768px; }

.m2lxMpimg { display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 53vw; max-width: 1003px; }

.m2lx_mpImg { position: absolute; left: 0; top: 0; display: none; }

.m2lx_mpImg.on { display: block; }

.m2lxAreaList { padding: 0px 14px; width: 238px; float: right; background: #fff; box-shadow: 0 1px 3px 2px rgba(0,0,0,0.05); border-radius: 0.3em; position: relative; z-index: 5; }

.m2lxArLayer { position: absolute; transition: all 0.5s ease-in-out; opacity: 0; visibility: hidden; width:;

padding: 10px 10px 32px 32px; width: 340px; background: #FFF; left: -395px; top: 50%; transform: translate(-50px, -50%); box-shadow: 0 0px 15px 12px rgba(0,0,0,0.05); border-radius: 0.8em; color: #c40030; font-weight: 100; font-family: "微软雅黑"; transition: all 0.5s ease-in-out; }

.m2lxArLayer a, .m2lxArLayer a:hover { color: #c40030; }

.m2lxArLayer:after { content: ""; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #fff; position: absolute; right: -9px; top: 50%; margin-top: -9px; }

.m2lxAreaList li { height: 60px; border-bottom: 1px solid #F3F3F3; position: relative; padding-right: 5px; }

.m2lxAr_nm { line-height: 59px; font-size: 16px; background: url(../images/m2lx_arrow.png) no-repeat right center; padding: 0px 0px 0px 10px; transition: all 0.5s ease-in-out; cursor: pointer }

.m2lxAreaList li:hover .m2lxAr_nm { color: #C40032; }

.m2lxArLayer p * { vertical-align: middle; }

.m2lx_addrIcon { background: url(../images/m2lx_aai1.png) no-repeat center center; display: inline-block; height: 24px; width: 24px; margin-right: 6px; }

.m2lx_telIcon { background: url(../images/m2lx_aai2.png) no-repeat center center; display: inline-block; height: 24px; width: 24px; margin-right: 6px; }

.m2lx_qqIcon { background: url(../images/m2lx_aai3.png) no-repeat center center; display: inline-block; height: 24px; width: 24px; margin-right: 6px; }

.m2lxArLayer strong { font-size: 22px; line-height: 76px; display: block; }

.m2lxArLayer p { font-size: 20px; line-height: 40px; }

.m2lxAreaList li:hover .m2lxArLayer { opacity: 1; visibility: visible; transform: translate(0, -50%); }

@media (max-width:1799px) {

.m2lxCon1 { padding: 60px 0px 50px; }

.m2lxu1 { margin: 40px 0px 45px; }

.m2lxCon2 { padding: 60px 0px 85px; }

.m2lxArLayer p { font-size: 18px; }

.m2lxCon3 { padding: 60px 0px 50px; }

.m2lxu2 { margin: 40px -15px 0px; }

.m2lxu2.clearfix li { padding: 0px 15px; margin-bottom: 30px; }

.m2lx_ct { font-size: 32px; }

.m2lxCon4 { padding: 60px 0px; }

.m2lxFm { margin: 25px -10px 0px; }

.m2lxFm li { margin-bottom: 15px; }

.m2lxFm li textarea { height: 200px; }

}

@media (max-width:1379px) {

.m2lx_ct { font-size: 30px; }

.m2lx_aBox { box-shadow: 0 1px 10px 8px rgba(0,0,0,0.07); }

.m2lxDes2x { font-size: 14px; }

}

@media (max-width:1199px) {

.m2lxu2.clearfix li { width: 50%; }

}

@media (max-width:767px) {

.m2lx_ct { font-size: 26px; line-height: 42px; }

.m2lxCon1 { padding: 50px 0px 50px; }

.m2lxu1 { margin: 20px 0px 35px; }

.m2lxicon { transform: scale(0.6); }

.m2lxu1 li { width: 33%; float: left; }

.m2lxu1.clearfix li strong { font-size: 16px; line-height: 20px; margin-top: -15px; }

.m2lxu1.clearfix li p { font-size: 12px; line-height: 22px; margin-top: 10px; padding: 0 5px; }

.m2lxMpimg, .m2lx_word { display: none; }

.m2lxAreaList { width: 100%; }

.m2lxArLayer { position: static; opacity: 1; transform: translate(0, 0)!important; visibility: visible; width: 100%; padding-bottom: 12px; box-shadow: 0 0px 8px 6px rgba(0,0,0,0.05) }

.m2lxArLayer:after { display: none; }

.m2lxAreaList { padding-right: 10px; }

.m2lxAr_nm { display: none; }

.m2lxAreaList li { height: auto; margin-bottom: 15px; }

.m2lxArLayer strong { display: none; }

.m2lxAreaList { background: none; box-shadow: none; padding: 0 }

.m2lxArLayer p { font-size: 16px; line-height: 36px; }

.m2lxc2Box { margin: 25px 15px 30px; overflow: hidden }

.m2lxCon2 { padding-bottom: 20px; }

.m2lx_ct2 { padding-top: 10px; }

.m2lxu2.clearfix li { width: 100%; }

.m2lx_aBox .m2lxDes2 { opacity: 0; }

.m2lx_aBox .bgImg { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }

.m2lx_aBox .m2lxDes2 { opacity: 1; }

.m2lx_aBox .m2lxu2Img p { background: rgba(196,0,50,0.8); }

.m2lxu2.clearfix li { margin-bottom: 15px; }

.m2lx_aBox { box-shadow: 0 1px 6px 5px rgba(0,0,0,0.07) }

.m2lxCon4 .m2lx_ct { font-size: 22px; line-height: 36px; }

.m2lxFm li input { line-height: 42px; height: 42px; padding-left: 15px; }

.m2lxFm li textarea { height: 160px; padding-left: 15px; padding-right: 15px; }

}

.m2hyTop { padding: 120px 0px 90px; text-align: center; }

.m2hyTop strong { font-size: 40px; line-height: 52px; display: block; }

.m2hyTop p { font-size: 18px; line-height: 30px; color: #6b6b6b; margin: 22px auto 24px; max-width: 775px }

.m2hy_a1 { font-size: 16px; line-height: 28px; color: #c40030; text-decoration: underline; }

.m2hy_u1 { position: relative; overflow: hidden; }

.m2hy_u1 li { padding: 0px; }

.m2hy_sBox1 .overflowHide { height: 66.11vh; }

.m2hy_sBox1 .overflowHide .EnergyStoragebox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: 120px;
	width: 80%;
	text-align: center;
	line-height: 120px;
	font-size: 18px;
	color: #fff;
}
.m2hy_sBox1 .overflowHide .EnergyStoragebox.bg1{
	background: rgba(204,54, 0, 0.9);
}
.m2hy_sBox1 .overflowHide .EnergyStoragebox.bg2{
	background: rgba(67,142, 188, 0.9);
}
.m2hy_sBox1 .overflowHide .EnergyStoragebox.bg3{
	background: rgba(202,0, 48, 0.9);
}
.m2hyLay1 { text-align: center; padding: 56px 20px 52px; width: 352px; font-size: 20px; line-height: 34px; color: #FFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(204,54,0,0.8); }

.photovoltaic{
	width: 960px;
	height: 240px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px;
}
.photovoltaic>div{
	border: #ca0030 solid 3px;
	height: 100%;
	color: #c40030;
	display: flex;
	justify-content: space-evenly;
    align-items: center;
}
.photovoltaic>div p{
}
.WindPower{
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0;
	top: inherit;
	background: none;
}
.WindPower p{
	background: rgba(202,0,48,0.9);
	line-height: 120px;
	border-radius: 60px 0 60px 0;
}
.m2hyLay1 strong { display: block; font-weight: 100; font-size: 24px; line-height: 46px; }

.m2hy_kh { padding: 85px 0px 55px; }

.m2hy_u2 { display: block; margin: 55px -18px 0; font-size: 0; text-align: center; }

.m2hy_u2 li { padding: 0px 18px; width: 14.2%; margin-bottom: 36px; display: inline-block; }

.m2hy_sBox2 { height: 125px; display: block; position: relative; box-shadow: 0 0 6px 5px rgba(0,0,0,0.04); }

.m2hy_sBox2 img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; width: auto; height: auto; }

.m2hy_u3 { border-top: 16px solid #E6EBEF; position: relative; }

.m2hy_u3:before { content: ""; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #E6EBEF; position: absolute; left: 50%; top: -34px; margin-left: -20px; }

.m2hy_sBox3.scaleImg .overflowHide { height: 326px; }

.m2hy_u3 li { padding: 0px; float: left; width: 33.333%; }

.m2hy_sBox3 .ellipsis { font-size: 16px; line-height: 50px; color: #FFF; display: block; position: absolute; height: 50px; width: 100%; left: 0px; bottom: 0px; font-weight: normal; text-align: center; background: rgba(0,0,0,0.7) }

.m2hy_u3 li:nth-child(1) .m2hy_sBox3 .ellipsis { background: rgba(67,142,188,0.7) }

.m2hy_u3 li:nth-child(2) .m2hy_sBox3 .ellipsis { background: rgba(204,54,0,0.7) }

.m2hy_u4 { margin-top: 130px; }

.m2hy_u4more { background: #f7f7f7; display: block; overflow: hidden; position: relative; }

.m2hy_u4more.scaleImg .overflowHide { float: left; height: 66.66vh; width: 50%; }

.m2hyu4Rx { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; }

.m2hy4Des { float: right; width: 31.14vw; font-size: 18px; line-height: 30px; color: #6b6b6b; }

.m2hy4Des strong { font-size: 40px; line-height: 40px; display: block; margin-bottom: 15px; color: #333; }

.m2hy4Des span { font-size: 16px; color: #c40030; line-height: 32px; text-decoration: underline; display: inline-block; margin-top: 24px; }

.m2hy_u4more2 { background: #eaeff6 url(../images/m2hy_bg1.jpg) no-repeat right center; }

.m2hyTop2 { background: url(../images/m2hy_bg2.jpg) no-repeat center bottom; }

.m2hyTop2a { background: url(../images/m2hy_bg4.jpg) no-repeat center bottom; }

.m2hyCon1 { height: 66.38vh; position: relative; margin-bottom: 65px; }

.m2hyc1_img { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.5s ease-in-out; }

.m2hyc1_img.on { opacity: 1; }

.m2hyc1_img p { font-size: 16px; line-height: 30px; color: #6b6b6b; padding: 33px 30px; width: 926px; position: absolute; left: 50%; bottom: -60px; min-height: 124px; background: #fff; border-radius: 0.4em; box-shadow: 0 0 6px 5px rgba(0,0,0,0.05); transform: translateX(-50%); }

.m2hyc1Btns { height: 124px; text-align: center; width: 100%; position: absolute; z-index: 8; left: 0px; top: -62px; }

.m2hyc1_aBtn { background: #FFF; text-align: center; display: inline-block; height: 124px; width: 165px; margin: 0px 10px; padding-top: 22px; box-shadow: 0 0 5px 4px rgba(0,0,0,0.06); border-radius: 0.4em; }

.m2hyc1_icon { display: inline-block; height: 48px; width: 48px; margin-bottom: 7px; position: relative; }

.m2hyc1_icon img { transition: all 0.5s ease-in-out; position: absolute; left: 0; top: 0; }

.m2hyc1_aBtn:hover .m2hyc1_icon img, .m2hyc1_aBtn.on .m2hyc1_icon img { opacity: 0; }

.m2hyc1_aBtn:hover .m2hyc1_icon img.iOpacity, .m2hyc1_aBtn.on .m2hyc1_icon img.iOpacity { opacity: 1; }

.m2hyc1_aBtn p { font-size: 16px; line-height: 24px; transition: all 0.5s ease-in-out; }

.m2hyc1_aBtn:hover p, .m2hyc1_aBtn.on p { color: #c40030; }

.m2hy_item { overflow: hidden }

.m2hy_item_aBox { background: #f7f7f7; display: block; overflow: hidden; position: relative; }

.m2hy_item_aBox.scaleImg .overflowHide { float: left; height: 57.12vh; width: 50%; }

.m2hy_itemRx { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; }

.m2hy_itemDes { float: right; width: 31.14vw; font-size: 18px; line-height: 30px; }

.m2hy_itemDes strong { font-size: 32px; line-height: 44px; display: block; margin-bottom: 50px; position: relative; }

.m2hy_itemDes strong:after { content: ""; background: #333; height: 2px; width: 38px; position: absolute; left: 0px; bottom: -20px; transition: all 0.5s ease-in-out; }

.m2hy_itemDes span.transition { text-decoration: underline; display: inline-block; margin-top: 24px; height: 38px; width: 98px; border: 1px solid #000000; background: url(../images/m2hy_ar2.png) no-repeat center center; }

.m2hy_itemDes p { font-size: 16px; line-height: 26px; color: #575757; margin-bottom: 45px; }

.m2hy_itemDes strong span { display: block; font: 100 18px/20px "微软雅黑"; }

.m2hy_itemDes .EnergyList{ display: flex;justify-content: flex-start;margin-top: 15px; }
.m2hy_itemDes .EnergyList b{border: #c30031 1px solid; color: #c30031;font-size: 14px;font-weight: normal; line-height: 24px;padding: 0 15px;margin-right: 10px;display: inline-block;}
.m2hy_itemDes .EnergyList b:hover{
    background: #c30031; color: #fff;
}
.m2hy_item_aBox:hover .m2hy_itemDes span.transition { background: #c40030 url(../images/m2hy_ar1.png) no-repeat center center; border: 1px solid #c40030; }

.m2hy_item_aBox:hover .m2hy_itemDes strong:after { background: #c40030; }

@media (min-width:767px) {

.m2hy_item li:nth-child(2n) .m2hy_item_aBox.scaleImg .overflowHide { float: right; }

.m2hy_item li:nth-child(2n) .m2hy_itemDes { float: left; }


}

.m2hyTop3 { text-align: left; position: relative; z-index: 5; }

.m2hyTop3 p { margin-left: 0; max-width: 690px; }

.m2hy_itemDes .EnergyList{ margin-bottom: 15px; }
.m2hy_itemDes .EnergyList b{white-space: nowrap;padding: 0 10px;}


.m2hyTop3 .EnergyList{ display: flex;justify-content: flex-start;margin: 30px 0;}
.m2hyTop3 .EnergyList a{border: #c30031 solid 1px;background: #fff; color: #c30031;line-height: 22px;padding: 0 15px;margin-right: 10px;display: inline-block;}
.m2hyTop3 .EnergyList a:hover{background:#c30031; color:#fff;}

.m2hyTop3 .container { position: relative; }

.m2hy_timg { position: absolute; right: 90px; bottom: -148px; }

.m2hyCon2 { height: 158px; }

.m2hyCon3 { margin: 65px auto 0; max-width: 1110px; }

.m2hyc3_aBox { display: block; position: relative; }

.m2hyCon3 .m2hyc3_aBox strong { font-size: 18px; line-height: 68px; color: #FFF; padding: 0px 15px; height: 68px; width: 100%; background: rgba(16,164,111,0.6); font-weight: 100; position: absolute; left: 0px; bottom: 0px; display: block; text-align: center; }

.m2hyCon4 { height: 77.59vh; position: relative; }

.m2hyc4Img { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.5s ease-in-out; }

.m2hyc4Img.on { opacity: 1; }

.m2hyc4Btns { width: 100%; height: 84px; position: absolute; left: 0px; bottom: -42px; z-index: 2; text-align: right; }

.m2hy_sabox { display: inline-block; margin-left: 7px; height: 84px; width: 120px; }

.m2hy_sabox .overflowHide { width: 120px; height: 84px; }

.m2hy_timg2 { position: absolute; right: 90px; bottom: -90px; }
.m2hy_timg2.bottom0{	bottom: 0;}

.m2hyCon5 { background: url(../images/m2hy_bg5.jpg) no-repeat center center; height: 49.07vh; width: 100%; position: relative; z-index: 10; margin-bottom: 120px; }

.m2hy_c5txt { font-size: 35px; line-height: 54px; color: #FFF; width: 100%; max-width: 900px; position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); font-weight: 100; text-align: center; display: block; }

.m2hyc5_items { height: 185px; width: 100%; text-align: center; bottom: -94px; left: 0; z-index: 10; position: absolute; }

.m2hyc5_ul { margin: 0 -9px; position: relative; z-index: 2; overflow: hidden; border-radius: 0 0 12em 12em; }

.m2hyc5_ul li { padding: 0 9px; width: 20%; float: left; }

.m2hyc5_sBox.scaleImg .overflowHide { height: 185px; }

.m2hyc5_sBox.scaleImg .overflowHide p { background: rgba(0,106,182,0.8); font-size: 14px; line-height: 36px; color: #FFF; text-align: center; padding: 0px 15px; height: 36px; position: absolute; z-index: 2; width: 100%; left: 0px; bottom: 0px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateY(36px) }

.m2hyc5_sBox.scaleImg:hover .overflowHide p { opacity: 1; transform: translateY(0); }

.m2hyc5_ul{
	border-radius: 0;
}
.m2hyc5_sBox.scaleImg.scaleimgtexb .overflowHide p {
	background-color: rgba(0, 0, 0, 0.5); transform: translateY(0);
	opacity: 1;
}
.m2hyc5_sBox.scaleImg.scaleimgtexb:hover .overflowHide p {
	background-color: rgba(202, 0, 48, 0.5);
}
@media (max-width:1799px) {

.m2hyTop { padding: 60px 0px; }

.m2hyTop strong { font-size: 30px; line-height: 42px; }

.m2hyTop p { font-size: 16px; line-height: 28px; margin: 18px auto 20px }

.m2hyLay1 { font-size: 18px; }

.m2hyLay1 strong { font-size: 22px; }

.m2hy_kh { padding: 60px 0px; }

.m2hy_u2 { margin: 55px -15px 0; }

.m2hy_u2 li { padding: 0px 15px; margin-bottom: 26px; }

.m2hy_sBox2 { height: 95px; }

.m2hy_u2 { margin-top: 35px; }

.m2hy_u3 { border-top: 10px solid #E6EBEF; }

.m2hy_u3:before { top: -28px; }

.m2hy_u4 { margin-top: 60px; }

.m2hy4Des { width: 50%; padding-left: 50px; font-size: 16px; line-height: 28px; }

.m2hy4Des strong { font-size: 30px; }

.m2hyTop { padding-bottom: 90px; }

.m2hyc1_aBtn { margin: 0 6px; }

.m2hyCon1 { margin-bottom: 50px; }

.m2hyc1_img p { font-size: 15px; }

.m2hyTop3 p { margin-left: 0; max-width: 650px; }

.m2hyCon3 { margin: 45px auto 0; }

.m2hyCon3 .m2hyc3_aBox strong { line-height: 48px; height: 48px; }

.m2hy_itemDes { width: 50%; padding-left: 50px; }

.m2hy_itemDes strong { font-size: 28px; margin-bottom: 40px; }

.m2hy_itemDes strong:after { bottom: -12px; }

.m2hy_itemDes p { margin-bottom: 25px; }

.m2hyTop2a { padding-bottom: 60px; }

.m2hy_c5txt { font-size: 30px; line-height: 46px; transform: translate(-50%, -80%); }

.m2hyCon5 { margin-bottom: 100px }

}

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

.m2hy_item li:nth-child(2n) .m2hy_itemDes { padding-left: 0; padding-right: 50px; }

}

@media (max-width:1559px) {

.m2hy_sBox3.scaleImg .overflowHide { height: 300px; }

.m2hy_timg { width: 400px; height: auto; }

.m2hy_itemDes p { font-size: 15px; }

.m2hy_itemDes strong { font-size: 24px; }

}

 @media (max-width:1379px) {

.m2hy_sBox3.scaleImg .overflowHide { height: 256px; }

.m2hy_u3 { border-top: 8px solid #E6EBEF; }

.m2hy_u3:before { top: -24px; }

.m2hyc1_img p { font-size: 14px; }

.m2hy_c5txt { font-size: 24px; line-height: 42px; }

}

@media (max-width:1199px) {

.m2hy4Des { padding-left: 30px; }

.m2hy_timg { width: 300px; height: auto; }

.m2hy_itemDes { padding-left: 30px; }

.m2hyCon5 { margin-bottom: 80px }

.m2hy_timg2 { right: 0; width: 250px; height: auto }

}

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

.m2hy_item li:nth-child(2n) .m2hy_itemDes { padding-left: 0; padding-right: 30px; }

}

@media (max-width:993px) {

.m2hy_sBox1 .overflowHide { height: 300px; }

.m2hyLay1 { padding: 20px 20px 22px; }

.m2hy_sBox2 { height: 66px; }

.m2hyc1_aBtn { width: 125px; }

.m2hyc1_img p { width: 100%; }

.m2hyc1_img { height: 450px; }

.m2hyCon1 { height: 450px; }

.m2hyCon4 { height: 400px; }

.m2hy_sabox { height: 60px; }

.m2hy_sabox .overflowHide { width: 95px; height: 60px; }

.m2hyc4Btns { height: 60px; bottom: -30px; }

.m2hy_sabox { width: auto; }

.m2hy_timg2 { width: 150px; height: auto; }

.m2hyc5_sBox.scaleImg .overflowHide { height: 90px; }

.m2hyc5_items { height: 90px; bottom: -45px; }

.m2hyCon5 { height: 300px; margin-bottom: 50px; }

.m2hyc5_sBox.scaleImg .overflowHide p { font-size: 12px; }

}

@media (max-width:767px) {

.m2hyTop { padding: 50px 0px; }

.m2hyTop.menu-toppad{padding-top: 100px;}
.m2hyTop strong { font-size: 20px; line-height: 36px; }

.m2hyTop p { font-size: 14px; line-height: 26px; }

.m2hy_a1 { font-size: 14px; }

.m2hyLay1 { font-size: 16px; }

.m2hyLay1 strong { font-size: 20px; }

.m2hy_u2 li { width: 33.33%; padding: 0 8px; margin-bottom: 15px; }

.m2hy_u2 { margin-top: 25px; }

.m2hy_kh { padding: 50px 0px; }

.m2hy_u3 li { width: 100%; }

.m2hy_u4more.scaleImg .overflowHide { width: 100%; height: 260px; float: none }

.m2hyu4Rx { position: static; width: 100%; float: none; transform: translateY(0); padding: 28px 0 48px; }

.m2hy4Des { width: 100%; float: none; transform: translateY(0); padding-left: 0; font-size: 14px; line-height: 26px; }

.m2hy4Des strong { font-size: 20px; line-height: 36px; margin-bottom: 10px; }

.m2hy4Des span { font-size: 14px; margin-top: 12px; }

.m2hy_u4 { margin-top: 35px; }

.m2hyc1_img p { padding: 20px 15px; line-height: 24px; }

.m2hyc1_icon { width: 24px; height: 24px; margin-bottom: 0 }

.m2hyc1_aBtn p { font-size: 12px; }

.m2hyc1_aBtn { width: auto; padding-left: 12px; padding-right: 12px; height: 70px; padding-top: 15px; margin: 0 }

.m2hyTop2 { padding-bottom: 80px; }

.m2hyc1_img { height: 300px; }

.m2hyCon1 { height: 300px; }

.m2hyTop3 { padding-bottom: 100px; }

.m2hy_timg { width: 200px; height: auto; right: 0; }

.m2hyCon3 { margin: 40px 15px 0; }

.m2hyCon3 .item { margin-bottom: 20px!important; }

.m2hy_item_aBox.scaleImg .overflowHide { width: 100%; height: 260px; float: none }

.m2hy_itemRx { position: static; width: 100%; float: none; transform: translateY(0); padding: 18px 0 28px; }

.m2hy_itemDes { width: 100%; float: none; transform: translateY(0); padding-left: 0; font-size: 14px; line-height: 26px; }

.m2hy_itemDes strong { font-size: 20px; line-height: 36px; margin-bottom: 10px; }

.m2hy_itemDes span { font-size: 14px; margin-top: 12px; }

.m2hy_itemDes strong:after { bottom: -2px; }

.m2hy_itemDes p { margin-bottom: 18px; }

.m2hy_itemDes span.transition { margin-top: 0; }

.m2hyCon4 { height: 260px; }

.m2hy_sabox { height: 50px; }

.m2hy_sabox .overflowHide { width: 80px; height: 50px; }

.m2hyc4Btns { height: 50px; bottom: -25px; }

.m2hyCon5 { margin-top: -20px; }

.m2hy_c5txt { font-size: 20px; line-height: 36px; padding: 0 15px; }

.m2hyc5_sBox.scaleImg .overflowHide { height: 40px; }

.m2hyc5_items { height: 40px; bottom: -20px; }

.m2hyc5_ul li { padding: 0 5px; }

.m2hyCon5 { height: 200px; margin-bottom: 10px; }

.m2hy_c5txt { transform: translate(-50%, -60%); }

.m2hyc5_sBox.scaleImg .overflowHide p { display: none; }

.m2hy_item { padding-left: 15px; padding-right: 15px; }

.m2hy_item li { margin-bottom: 30px; box-shadow: 0 1px 4px 3px rgba(0,0,0,0.08); }

.m2hy_item_aBox.scaleImg .overflowHide { height: 198px; }

.m2hyTop3 .EnergyList{ margin: 15px 0;}
.m2hyTop3 .EnergyList a{padding: 0 15px;margin-right: 5px;display: inline-block;}

.photovoltaic{	width: 80%;	padding: 10px;}
.WindPower{}
.WindPower p{line-height: 2;padding: 80px 20px;}
}

.m2abtCon1 { padding: 142px 0px 154px 625px; min-height: 420px; position: relative; font-size: 16px; line-height: 34px; }

.m2abtCon1 strong { font-size: 36px; font-weight: 100; line-height: 52px; display: block; margin-bottom: 16px; color: #333; }

.m2abtCon1 p{ text-align: justify; }

.m2abtCon1 img { height: 420px; width: 518px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 0.3em; }

.m2abt_u1 { margin: 0px -21px 108px; }

.m2abt_u1.clearfix li { padding: 0px 21px; float: left; width: 25%; }

.m2abt_sBox { display: block; text-align: center; padding-top: 46px; height: 262px; transition: all 0.5s ease-in-out; border-radius: 0.4em; background: #fff; box-shadow: 0 0 10px 8px rgba(0,0,0,0.06); }

.m2abt_icon { display: inline-block; height: 50px; width: 50px; position: relative; }

.m2abt_icon img { transition: all 0.5s ease-in-out; position: absolute; left: 0; top: 0 }

.m2abt_sBox:hover .m2abt_icon img { opacity: 0; }

.m2abt_sBox:hover .m2abt_icon img.iOpacity { opacity: 1; }

.m2abt_sBox:hover { background: #C40032; }

.m2abt_u1.clearfix li:hover .m2abt_sBox { transform: translateY(-30px); }

.m2abt_numBx { font-size: 50px; line-height: 82px; margin-top: 5px; font-weight: bold; transition: all 0.5s ease-in-out; }

.m2abt_sBox p { font-size: 16px; color: #666; line-height: 28px; transition: all 0.5s ease-in-out; }

.m2abt_numBx i { font-size: 16px; font-weight: normal; font-style: normal; display: inline-block; margin-left: 4px; }

.m2abt_u1.clearfix li:hover .m2abt_sBox * { color: #fff!important; }

.m2abtCon2 { margin-bottom: 85px; position: relative; }

.m2abtCon2 .hmc2Lx p { font-size: 16px; line-height: 34px; }

.m2abtCon2 .hmc2Rx { position: relative; z-index: 1; overflow: hidden; border-radius: 0.4em; box-shadow: 0 0 5px 4px rgba(0,0,0,0.05); }

@media (max-width:1799px) {

.m2abtCon1 { padding: 142px 0px 142px 565px; font-size: 15px; line-height: 32px; }

.m2abtCon1 strong { font-size: 32px; }

.m2abt_sBox { padding-top: 35px; height: 214px }

.m2abt_icon { height: 40px; width: 40px; }

.m2abt_numBx { font-size: 40px; line-height: 62px; }

.m2abt_u1.clearfix li:hover .m2abt_sBox { transform: translateY(-18px); }

.m2abt_u1 { margin-bottom: 68px; }

.m2abtCon2 { margin-bottom: 65px; }

.m2abtCon2 .hmc2Lx p { font-size: 15px; line-height: 32px; }

}

@media (max-width:1559px) {

.m2abtCon1 { padding: 92px 0px 92px 565px; }

.m2abtCon2 .hmc2Lx strong { margin-bottom: 40px; }

}

@media (max-width:1199px) {

.m2abtCon1 img { width: 400px; height: auto; }

.m2abtCon1 { padding: 52px 0px 52px 425px; font-size: 14px; line-height: 28px; }

.m2abtCon1 strong { font-size: 28px; margin-bottom: 10px; }

.m2abt_u1 { margin-left: -10px; margin-right: -10px; }

.m2abt_u1.clearfix li { padding: 0 10px; }

.m2abtCon2 .hmc2Lx p { font-size: 14px; line-height: 28px; }

.m2abt_sBox p { font-size: 14px; }

}

@media (max-width:993px) {

.m2abtCon1 { padding-left: 0; }

.m2abtCon1 img { position: static; transform: translateY(0); margin: 20px auto 25px; display: block }

.m2abtCon1 strong { text-align: center; }

.m2abt_u1.clearfix li { width: 50%; margin-bottom: 18px; }

.m2abtCon2 .hmc2Lx strong { font-size: 20px; line-height: 30px; margin-bottom: 25px; }

.m2abtCon2 .hmc2Lx p { font-size: 13px; line-height: 26px; height: auto }

}

@media (max-width:767px) {

.m2abtCon1 strong { font-size: 24px; line-height: 36px; margin-bottom: 12px; }

.m2abt_numBx { font-size: 32px; }

.m2abt_sBox p { line-height: 22px; padding: 0 10px }

.m2abt_u1 { margin-bottom: 20px; }

.hmc2Lx strong:after { display: none; }

.hmc2Btns { bottom: 0; left: 0 }

.m2abtCon2 .hmc2Lx strong { margin-bottom: 15px; }

.hmc2Lx { padding: 0; }

.hmc2slider, .hmc2item { height: auto; padding-bottom: 35px; }

}

.m2zpImg { height: 100vh; }

.zpImgWrpper { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; }

.m2zpImg2 { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; }

.m2zpImgBg { height: 100vh; }

.hmFsLine { width: 100%; height: 200px; position: absolute; left: 0; top: 50%; transform: translateX(-50%); z-index: 5; }

.hmFsLine img { display: block; width: 200vw; margin-left: -16vw; max-width: none }

.hmFsLine img:nth-of-type(1) { -webkit-animation: wave1 5s ease-in-out alternate infinite; -moz-animation: wave1 5s ease-in-out alternate infinite; -ms-animation: wave1 5s ease-in-out alternate infinite; animation: wave1 5s ease-in-out alternate infinite; }

.hmFsLine img:nth-of-type(2) { -webkit-animation: wave2 5s ease-in-out alternate infinite; -moz-animation: wave2 5s ease-in-out alternate infinite; -ms-animation: wave2 5s ease-in-out alternate infinite; animation: wave2 5s ease-in-out alternate infinite; }

.hmFsLine img:nth-of-type(3) { -webkit-animation: wave3 5s ease-in-out alternate infinite; -moz-animation: wave3 5s ease-in-out alternate infinite; -ms-animation: wave3 5s ease-in-out alternate infinite; animation: wave3 5s ease-in-out alternate infinite; }

.hmFsLine img:nth-of-type(2), .hmFsLine img:nth-of-type(3) { position: absolute; top: 0; left: 0; }

.m2zpNext_icon { height: 53px; width: 53px; border: 1px solid #FFF; display: inline-block; position: absolute; border-radius: 50%; cursor: pointer; z-index: 20; bottom: 60px; left: 50%; transform: translateX(-50%); }

.m2zpNext_icon span { background: url(../images/hmArrow.png) no-repeat center center; display: inline-block; height: 18px; width: 11px; margin-top: -16px; margin-left: -5px; position: absolute; left: 50%; top: 50%; animation: ud 1.5s ease-out infinite; -webkit-animation: ud 1.5s ease-out infinite; transform: translateY(30px); }

@keyframes wave1 { 0% {

 -webkit-transform: translate(0, 0);

 -moz-transform: translate(0, 0);

 -ms-transform: translate(0, 0);

 transform: translate(0, 0);

}

 50% {

 -webkit-transform: translate(-20vw, -30px);

 -moz-transform: translate(-20vw, -30px);

 -ms-transform: translate(-20vw, -30px);

 transform: translate(-20vw, -30px);

}

 100% {

 -webkit-transform: translate(10vw, 30px);

 -moz-transform: translate(10vw, 30px);

 -ms-transform: translate(10vw, 30px);

 transform: translate(10vw, 30px);

}

}

@keyframes wave2 { 0% {

 -webkit-transform: translate(0, 0);

 -moz-transform: translate(0, 0);

 -ms-transform: translate(0, 0);

 transform: translate(0, 0);

}

 50% {

 -webkit-transform: translate(-10vw, -80px);

 -moz-transform: translate(-10vw, -80px);

 -ms-transform: translate(-10vw, -80px);

 transform: translate(-10vw, -80px);

}

 100% {

 -webkit-transform: translate(0, -30px);

 -moz-transform: translate(0, -30px);

 -ms-transform: translate(0, -30px);

 transform: translate(0, -30px);

}

}

@keyframes wave3 { 0% {

 -webkit-transform: translate(0, 0);

 -moz-transform: translate(0, 0);

 -ms-transform: translate(0, 0);

 transform: translate(0, 0);

}

 50% {

 -webkit-transform: translate(10vw, -30px);

 -moz-transform: translate(10vw, -30px);

 -ms-transform: translate(10vw, -30px);

 transform: translate(10vw, -30px);

}

 100% {

 -webkit-transform: translate(-15vw, 10px);

 -moz-transform: translate(-15vw, 10px);

 -ms-transform: translate(-15vw, 10px);

 transform: translate(-15vw, 10px);

}

}

.m2zp_more2 { font-size: 16px; color: #FFF; line-height: 42px; text-align: center; height: 44px; width: 112px; border: 1px solid #FFF; position: absolute; z-index: 10; left: 50%; bottom: 10.64vh; transform: translateX(-50%); }

.m2zp_more2:hover { color: #FFFFFF; background: #c40030; border: 1px solid #c40030; }

.m2zp_u2 { width: 100%; height: 64px; left: 0; top: 55%; z-index: 15; color: #fff; font-size: 20px; line-height: 32px; position: absolute; padding-top: 32px; }

.m2zp_u2 li { float: left; width: 33.333%; padding-left: 6.87vw; transition: all 0.5s ease-in-out; height: 64px; }

.m2zp_u2 li:nth-child(2) { transform: translateY(-32px); }

.m2zp_u2 li:hover { transform: translateY(-15px); }

.m2zp_u2 li:nth-child(2):hover { transform: translateY(-47px); }

.m2zpRx { float: right; opacity: 0!important; }

.m2zpCon { position: absolute; left: 0; top: 55%; transform: translateY(-50%); width: 100%; overflow: hidden; z-index: 3 }

.m2zpLx { width: 485px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #FFF; font-size: 16px; line-height: 30px; }

.m2zpCon .container { position: relative; }

.m2zpLx strong { font-size: 45px; font-weight: 100; line-height: 50px; display: block; margin-bottom: 16px; }

.m2zpMore3, .m2zpMore3:hover { padding-left: 48px; font-size: 16px; line-height: 62px; color: #FFF; display: inline-block; height: 62px; width: 158px; background: #E2051E url(../images/m2zp_arrow.png) no-repeat 22px center; margin-top: 35px; }

.m2zpMore3:hover { box-shadow: 0 2px 5px 3px rgba(0,0,0,0.1); transform: translateY(-8px) }

@media (max-width:993px) {

.m2zp_u2 { height: auto; font-size: 15px; text-align: center }

.m2zp_u2 li { padding: 0 15px; }

.m2zpRx { width: 300px; height: auto; }

.m2zpLx strong { font-size: 32px; }

.m2zpLx { width: 385px; }

}

@media (min-width:767px) {

.m2zp_u2 { transition: all 0.8s ease-in-out; opacity: 0; transform: translate(0, 100px); }

.active .m2zp_u2 { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }

.m2zp_more2 { transition: all 0.5s ease-in-out; opacity: 0; transform: translate(-50%, 100px); }

.active .m2zp_more2 { opacity: 1; transform: translate(-50%, 0); transition-delay: 0.0s; }

.m2zpLx { transition: all 0.8s ease-in-out; opacity: 0; transform: translate(-150px, -50%); }

.active .m2zpLx, .active2 .m2zpLx { opacity: 1; transform: translate(0, -50%); transition-delay: 0.5s; }

.m2zpRx { transition: all 0.8s ease-in-out; opacity: 0; transform: translate(150px, 0px); }

.active .m2zpRx, .active2 .m2zpRx { opacity: 1; transform: translate(0, 0); transition-delay: 0.5s; }

}

@media (max-width:767px) {

.m2zpNext_icon { transform: scale(0.9) translateX(-50%); bottom: 80px; }

.m2zp_u2 { top: 40%; font-size: 12px; line-height: 20px; }

.m2zp_more2 { font-size: 14px; }

.m2zp_u2 li { padding: 0 10px; width: 100%; }

.m2zpLx { width: 100%; float: none; position: static; height: auto; transform: translateY(0); font-size: 14px; line-height: 26px; }

.m2zpRx { display: block; width: 150px; margin: 20px auto; float: none; }

.m2zpLx strong { font-size: 26px; line-height: 38px; }

.m2zpMore3, .m2zpMore3:hover { margin-top: 12px; line-height: 48px; height: 48px; }

.zpImgWrpper { top: -50px; }

.m2zp_u2 li:hover, .m2zp_u2 li { transform: translateY(0px)!important; font-size: 16px; padding: 0 25px; line-height: 30px; height: auto; margin-bottom: 15px; }

.m2zpLx { transform: translateY(50%); }

}

.m2abtCon3 { background: url(../images/m2abt_sbg1.png) no-repeat right center; padding: 120px 0px 160px; }

.m2abtc3Box { position: relative; height: 54.16vh; font-size: 16px; line-height: 30px; margin-left: 32.81vw; }

.m2abtc3_txt { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; }

.m2abtc3Box strong { font-size: 36px; font-weight: 100; line-height: 50px; display: block; margin-bottom: 20px; }

.m2abtc3_txt p{text-align:justify;}

.m2abtc3Lx { float: left; position: relative; width: 46.94vh; z-index: 5; }

.m2abtc3Lx:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background:;

background: #DEDEDE; transform: rotate(8deg); }

.m2abtc3Lx img { position: relative; z-index: 2; }

.m2abtc3_txt img { margin: 25px 0px 35px; }

.m2abtc3_more, .m2abtc3_more:hover { color: #FFF; background: #c40030 url(../images/btnBg.png) no-repeat center center; background-size: cover; font-size: 16px; line-height: 40px; text-align: center; display: inline-block; height: 40px; width: 112px; border-radius: 0.3em; }

.m2abtc3_more:hover { transform: translateY(-8px); box-shadow: 0 2px 3px 2px rgba(0,0,0,0.1); }

.m2abtCon4 { text-align: center; padding: 100px 0px; background: fixed center center; min-height: 67.12vh; background-repeat: no-repeat; position: relative; }

.m2abtc4Txt { text-align: center; max-width: 675px; padding: 0 15px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 16px; line-height: 26px; color: #FFF; }

.m2abtc4Txt strong { font-size: 48px; font-weight: 100; line-height: 60px; display: block; margin-bottom: 20px; }

.m2abtCon5 { padding: 75px 0px 20px; }

.m2abtCon5 .m2lx_et, .m2abtCon7 .m2lx_et { font-size: 14px; color: #a4a4a4; }

.m2abt_u2box .overflowHide { height: 204px; }

.m2abt_u2box.scaleImg strong { font-size: 20px; font-weight: 100; line-height: 42px; height: 42px; margin-top: 18px; display: block; }

.m2abt_u2box.scaleImg p { font-size: 15px; line-height: 24px; color: #777777; height: 72px; overflow: hidden; max-width: 342px; margin: 0 auto; }

.m2abtc6_t { font-size: 40px; line-height: 64px; color: #FFF; text-align: center; display: block; }

.m2abtCon6 { padding: 78px 0px 0px; background: url(../images/m2abt_imgbg2.jpg) no-repeat center center; background-size: cover; overflow: hidden; height: 770px; }

.m2abtc6box { position: relative; padding: 0px 5px; margin-top: 100px; }

.m2abtc6box:before { content: ""; height: 20px; left: 25px; right: 25px; border-top: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3); position: absolute; top: -30px }

.m2abt_item { text-align: center; float: left; color: rgba(255,255,255,0.3); transition: all 0.5s ease-in-out; position: relative }

.m2abt_item p { font-size: 14px; line-height: 16px; text-align: center; width: 22px; display: block; float: left; margin-right: 5px; opacity: 0 }

.m2abt_item strong { font-size: 30px; line-height: 34px; transform: scale(0.8) translateX(-14px); transform-origin: left top; text-align: center; display: block; width: 32px; float: left; font-weight: normal; transition: all 0.5s ease-in-out; }

.m2abt_u2 { margin: 58px -55px 0px; }

.m2abt_u2 li { padding: 0px 55px; height: 344px; text-align: center; }

.m2abt_item:hover { color: #fff; }

.m2abt_item:hover strong { transform: scale(1) translateX(-14px) }

.m2abt_item2, .m2abt_item3, .m2abt_item4 { margin-left: 14.7vw; }

.m2abt_item2:before, .m2abt_item3:before, .m2abt_item4:before { content: ""; height: 20px; width: 1px; background: rgba(255,255,255,0.3); left: 50%; top: -29px; position: absolute; }

.m2abt_item3:before { height: 60px; top: -69px; }

.m2abt_item5 { float: right; }

.m2abtc7Btns { text-align: center; margin-top: 75px; }

.m2abtCon7 { padding: 78px 0px; }

.m2abtSlick { padding: 48px 0px 30px; margin: 0px -12px 0px; }

.m2abtSitem { padding: 12px; }

.m2abt_ybox { display: block; text-align: center; position: relative; height:;

height: 258px; box-shadow: 0 0 12px 6px rgba(0,0,0,0.03); }

.m2abt_yicon { position: absolute; width: 56px; height: auto; transition: all 0.5s ease-in-out; left: 50%; transform: translate(-50%, 70px); }

.m2abt_ybox:hover .m2abt_yicon { transform: translate(-50%, 52px); width: 148px; opacity: 0.1 }

.m2abt_yr { font-size: 30px; line-height: 46px; text-align: center; position: absolute; left: 0px; top: 70px; z-index: 1; width: 100%; transition: all 0.5s ease-in-out; transform: scale(0.7) translate(0, 96px); }

.m2abt_ynm { font-size: 30px; line-height: 44px; position: absolute; z-index: 1; width: 100%; left: 0px; top: 116px; transition: all 0.5s ease-in-out; transform: scale(0.8) translate(0, 75px); font-weight: 100; }

.m2abt_ydes { font-size: 14px; line-height: 20px; width: 100%; position: absolute; z-index: 1; left: 0px; top: 160px; transition: all 0.5s ease-in-out; opacity: 0; transform: translate(0, 60px);padding-top:15px; }

.m2abt_ybox:hover { color: #d52340; }

.m2abt_ybox:hover .m2abt_yr { transform: scale(1) translate(0, 0); }

.m2abt_ybox:hover .m2abt_ynm { transform: scale(1) translate(0, 0); font-weight: 800; }

.m2abt_ybox:hover .m2abt_ydes { opacity: 1; transform: translate(0, 0px); }

.m2abtSlick .slick-dots li { width: 6px; height: 6px; border-radius: 50%; background: #D2D2D2; margin: 0 15px; position: relative; }

.m2abtSlick .slick-dots li.slick-active:after { content: ""; width: 18px; height: 18px; border-radius: 50%; border: 6px solid #E7E9EA; position: absolute; left: -6px; top: -6px; }

.m2abtSlick .slick-dots li.slick-active { background: #CC3600; }

.m2abtSlick .slick-dots li button { display: none; }

.m2abtCon8 { text-align: center; padding: 155px 0px 128px; background: fixed center center; background-repeat: no-repeat; position: relative; }

.m2abtc8_ul li { float: left; text-align: center; transition: all 0.5s ease-out; }

.m2abtc8_ul li:hover { transform: translateY(-18px); }

.m2abtc8_ul li.m2abtc8_li03, .m2abtc8_ul li.m2abtc8_li02 { margin-left: 13.7vw; }

.m2abtc8_ul li.m2abtc8_li04 { float: right; }

.m2abtc8_ts { font-size: 18px; line-height: 32px; color: #fff; }

.m2abtc8_num { font-size: 16px; color: #FFF; line-height: 104px; min-width: 145px; }

.m2abtc8_num span { font-size: 65px; font-weight: bold; }

.m2abt_zpBox { margin-top: 55px; overflow: hidden; }

.m2abt_zpx1 .overflowHide { float: left; height: 504px; width: 32%; }

.m2abt_zpCimg { transform: scale(1) translate(-50%, -50%)!important; position: absolute; left: 50%; top: 50%; }

.m2abt_zsx { float: left; width: 34%; height: 252px; position: relative; padding-top: 48px; text-align: center; }

.m2abt_zsx strong { font-size: 20px; line-height: 36px; font-weight: normal; display: block; }

.m2abt_zpAbox.scaleImg .overflowHide { float: right; height: 252px; width: 66%; }

.m2abt_zpx2 { width: 50%; float: left; }

.m2abt_zpx3 { width: 18%; float: left; }

.m2abt_zpAbox { overflow: hidden; display: block; background: #F5F5F5; height: 252px; }

.m2abt_zsx p { font-size: 14px; line-height: 26px; font-variant: normal; color: #8b8989; display: block; }

.m2abt_zsx i { background: #AFAFAF; display: block; margin: 25px auto 35px; height: 1px; width: 48px; }

.m2abt_zsx span { display: inline-block; height: 30px; width: 92px; border: 1px solid #AFAFAF; background: url(../images/m2zp_ar1.png) no-repeat center center; transition: all 0.5s ease-in-out; }

.m2abt_zpAbox:hover .m2abt_zsx span, .m2abt_zpx3 a:hover .m2abt_zsx span { border: 1px solid #c40030; background: #c40030 url(../images/m2zp_ar1a.png) no-repeat center center; }

.m2abtCon7a { padding-bottom: 100px; }

.m2abt_zpul li:nth-child(2n) .m2abt_zpAbox.scaleImg .overflowHide { float: left; }

.m2abt_zpul li:nth-child(2n) .m2abt_zsx { float: right; }

.m2abt_zpx3 .scaleImg .overflowHide { height: 252px; width: auto; }

.m2abt_zpx3 .m2abt_zsx { width: 100%; float: none; background: #F5F5F5; }

@media (max-width:1799px) {

.m2abt_u2 { margin: 32px -25px 0px; }

.m2abt_u2 li { padding: 0px 25px; }

.m2abtc3Box { margin-left: 27vw; }

.m2abtSlick { padding: 32px 0px 20px; }

.m2abt_ynm { font-size: 26px; }

.m2abtc8_num span { font-size: 60px; }

.m2abt_zpBox { margin-top: 32px; }

.m2abtCon7 { padding: 60px 0px 80px; }

.m2abtc6_t { font-size: 36px; }

.m2abtCon6 { padding: 60px 0px 0px; height: 650px; }

.m2abt_item strong { font-size: 26px; line-height: 30px; }

.m2abtc6box { margin-top: 80px; }

.m2abtCon5 { padding: 60px 0px 20px; }

.m2abtc4Txt strong { font-size: 42px; }

.m2abtc3Box strong { font-size: 32px; }

.m2abtCon3 { padding: 90px 0px 120px; }

.m2abt_item2, .m2abt_item3, .m2abt_item4 { margin-left: 17.7vw; }

}

@media (max-width:1559px) {

.m2abtc3Box { margin-left: 29vw; }

.m2abt_item2, .m2abt_item3, .m2abt_item4 { margin-left: 16.5vw; }

}

@media (max-width:1379px) {

.m2abtCon3 { padding: 70px 0px 100px; }

.m2abtc3Box { margin-left: 27vw; }

.m2abtc3Box strong { font-size: 28px; margin-bottom: 8px; }

.m2abtc4Txt strong { font-size: 40px; margin-bottom: 18px; }

.m2abt_u2 { margin: 26px -15px 0px; }

.m2abt_u2 li { padding: 0px 15px; }

.m2abtc6_t { font-size: 32px; }

.m2abt_ynm { font-size: 22px; }

.m2abtSlick { padding-top: 18px; padding-bottom: 12px; }

.m2abtc7Btns { margin-top: 60px; }

}

@media (max-width:1199px) {

.m2abtc3Lx { width: 286px; }

.m2abtc3Box { margin-left: 350px; font-size: 14px; line-height: 26px; color: #666; }

.m2abtc3Box strong { font-size: 24px; line-height: 36px; }

.m2abtc8_ul li.m2abtc8_li03, .m2abtc8_ul li.m2abtc8_li02 { margin-left: 9vw; }

.m2abtc8_num span { font-size: 48px; }

}

@media (max-width:993px) {

.m2abtc3_txt { top: auto; transform: translateY(0); }

.m2abtc3Box { height: auto; }

.m2abtCon3 { padding-bottom: 120px; }

.m2abtCon4 { min-height: 300px; }

.m2abtc8_ul li.m2abtc8_li03, .m2abtc8_ul li.m2abtc8_li02 { margin-left: 20px; }

.m2abt_zpx1 { display: none; }

.m2abt_zpx2 { width: 66%; }

.m2abt_zpx3 { width: 34%; }

}

@media (max-width:767px) {

.m2abtc3Lx { width: 70%; margin: 0 auto 28px; float: none; }

.m2abtc3Box { margin-left: 0; }

.m2abtc3_txt { position: static; }

.m2abtc3Box strong { font-size: 22px; }

.m2abtCon3 { padding-bottom: 60px; }

.m2abtc4Txt strong { font-size: 28px; line-height: 38px; }

.m2abtc4Txt { font-size: 14px; line-height: 28px; }

.m2abtCon4 { background-position: center center!important; background-attachment: scroll!important; }

.m2abt_u2box.scaleImg strong { font-size: 18px; height: auto; margin-top: 10px; line-height: 36px; }

.m2abt_u2 li { height: auto; padding-bottom: 28px; }

.m2abt_u2box { box-shadow: 0 2px 4px 3px rgba(0,0,0,0.08); display: block }

.m2abt_u2box strong { padding: 5px 15px 0; }

.m2abt_u2box p { padding: 0 15px 25px; }

.m2abt_u2box.scaleImg p { height: auto; font-size: 14px; }

.m2abtc6_t { font-size: 24px; line-height: 32px; }

.m2abt_item2, .m2abt_item3, .m2abt_item4 { margin-left: 20px; }

.m2abt_item strong { font-size: 22px; line-height: 26px; }

.m2abtCon6 { height: 550px; }

.m2abt_ynm { font-size: 20px; }

.m2abt_ydes { line-height: 24px; }

.m2abtc8_num { line-height: 66px; }

.m2abtc8_num span { font-size: 38px; }

.m2abtc8_ts { font-size: 12px; line-height: 22px; }

.m2abtc8_ul li { width: 50%; margin: 10px 0!important; }

.m2abtCon8 { padding: 80px 0; }

.m2abtc8_ul { margin-left: 0; margin-right: 0; }

.m2abt_zpx2 { width: 100%; }

.m2abt_zpx3 { width: 100%; }

.m2abt_zsx { width: 100%; }

.m2abt_zpAbox.scaleImg .overflowHide { width: 100%; }

.m2abt_zpAbox { height: 504px; }

.m2abtCon8 { background-position: center center!important; background-attachment: scroll!important; }

}

@media (max-width:400px) {

.m2abt_item2, .m2abt_item3, .m2abt_item4 { margin-left: 12px; }

}

@media (max-width:370px) {

.m2abt_item2, .m2abt_item3, .m2abt_item4 { margin-left: 6px; }

}

.m3proTop { background: url(../images/m3pbg.jpg) no-repeat center center; padding: 90px 0px 180px; }

.m3proSm_img { padding: 0 5px; }

.m3proSm_img div { background: #FFF; height: 56px; width: 56px; border: 1px solid #D1D1D1; position: relative; }

.m3proSm_img img { max-width: 80%; max-height: 80%; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.m3proLx { float: left; width: 50%; height: 540px; position: relative; }

.m3proRx { float: right; width: 50%; min-height: 426px; padding: 115px 0px 0px 50px; }

.m3pro_t { font-size: 30px; line-height: 52px; margin-bottom: 16px; color: #000; }

.m3pro_des { font-size: 16px; line-height: 36px; margin-bottom: 52px; }

.m3pro_btn1 { font-size: 18px; line-height: 48px; padding: 0px 16px 0px 46px; height: 50px; border: 1px solid #666; display: inline-block; margin-right: 8px; background: url(../images/m3pro_bi1.png) no-repeat 13px center; transition: all 0.2s ease-in-out; }

.m3pro_btn1:hover { color: #FFF; background: #E2051E url(../images/m3pro_bi1a.png) no-repeat 13px center; border: 1px solid #E2051E; }

.m3pro_btn2 { font-size: 18px; line-height: 48px; padding: 0px 16px 0px 46px; height: 50px; border: 1px solid #666; display: inline-block; margin-right: 8px; background: url(../images/m3pro_bi2.png) no-repeat 13px center; transition: all 0.2s ease-in-out; }

.m3pro_btn2:hover { color: #FFF; background: #E2051E url(../images/m3pro_bi2a.png) no-repeat 13px center; border: 1px solid #E2051E; }

.m3pro_btn3 { font-size: 18px; line-height: 48px; padding: 0px 16px 0px 46px; height: 50px; border: 1px solid #666; display: inline-block; margin-right: 8px; background: url(../images/m3pro_bi3.png) no-repeat 13px center; transition: all 0.2s ease-in-out; }

.m3pro_btn3:hover { color: #FFF; background: #E2051E url(../images/m3pro_bi3a.png) no-repeat 13px center; border: 1px solid #E2051E; }

.m3pro_qq, .m3pro_qq:hover { background: url(../images/qicon.png) no-repeat left center; height: 50px; padding-left: 36px; margin-left: 25px; line-height: 50px; display: inline-block; font-size: 14px; }

.m3proSimg { height: 51px; width: 196px; position: absolute; right: 40px; bottom: 8px; z-index: 10; }

.m3proSimg .slick-prev { background: url(../images/m3pro_arrow.png) no-repeat; display: inline-block; height: 17px; width: 26px; margin-top: -8px; position: absolute; top: 50%; left: -33px; text-indent: 1000px; white-space: nowrap; cursor: pointer; overflow: hidden }

.m3proSimg .slick-next { background: url(../images/m3pro_arrow.png) no-repeat; display: inline-block; height: 17px; width: 26px; margin-top: -8px; position: absolute; top: 50%; right: -33px; transform: rotate(180deg); text-indent: 1000px; white-space: nowrap; cursor: pointer; overflow: hidden }

.m3proCon1 { padding-top: 82px; }

.m3pro_bt { font-size: 18px; line-height: 40px; font-weight: bold; padding: 48px 0px; }

.m3proTable { margin-bottom: 100px; }

.m3proTableBox{padding:50px;border:1px solid #ccc;}

.m3proTableBox table{    width: 100% !important;margin-bottom:10px;}

.m3proTableBox  p,.m3proTableBox  div{line-height: 30px !important;font-size:14px;}

.m3proTableBox a{color:red;text-decoration: underline;}

.m3proTableBox td, .m3proTableBox td p{text-align:center !important;}

.m3proTableBox td,.m3proTableBox td p,.m3proTableBox td span{font-size:14px !important;font-family: Arial,"Microsoft YaHei","宋体" !important; }

.m3proTableBox .firstRow{font-weight:700;}



.m3proTable td { border: 1px solid #333 !important; text-align: center;width: auto;}

.m3pro_th td { font-size: 16px; line-height: 30px; color: #FFF; background: #000; padding: 25px 5px; }

.m3pro_tr td { font-size: 16px; line-height: 30px; color: #666; padding: 25px 5px; }

.m3pro_tr td:nth-child(2) { color: #E2051E; }

.m3proApp { background: #f5f5f5; padding: 80px 0px; }

.m3proApp .m2lx_et { font-size: 14px; color: #a4a4a4; }

.m3pro_AppBtns { margin: 46px auto 0px; height: 70px; width: 148px; }

.m3proApp_prev { background: #FFF url(../images/m3pro_ar1a.png) no-repeat center center; float: left; height: 70px; width: 70px; }

.m3proApp_prev:hover { background: #E2051E url(../images/m3pro_ar1.png) no-repeat center center; }

.m3proApp_next { background: #FFF url(../images/m3pro_ar1a.png) no-repeat center center; float: right; transform: rotate(180deg); height: 70px; width: 70px; }

.m3proApp_next:hover { background: #E2051E url(../images/m3pro_ar1.png) no-repeat center center; }

.m3pro_apBox.scaleImg .overflowHide { height: 319px; }

.m3pro_apBox.scaleImg .overflowHide .ellipsis { line-height: 58px; text-align: center; display: block; padding: 0px 15px; height: 58px; position: absolute; z-index: 2; width: 100%; left: 0px; bottom: 0px; transition: all 0.5s ease-in-out; background:rgba(195,0,49,0.8); color: #fff; font-size: 18px; font-weight: normal; transform: translateY(58px); }
.m3pro_apBox.scaleImg .overflowHide .ellipsis.ellipsisList{height: 120px;transform: translateY(120px);}
.m3pro_apBox.scaleImg .overflowHide .ellipsis.ellipsisList  .EnergyList{ display: inline-block;}
.m3pro_apBox.scaleImg .overflowHide .ellipsis.ellipsisList  .EnergyList b{border: #fff solid 1px;font-size: 14px;font-weight: normal; color: #fff;line-height: 22px;padding: 0 15px;margin-right: 10px;display: inline-block;}
.m3pro_apBox.scaleImg .overflowHide .ellipsis.ellipsisList .EnergyList b:hover{background-color: #fff;color: #c30031;}

.m3pro_apBox.scaleImg:hover .overflowHide .ellipsis { transform: translateY(0); }

.m3pro_Aitme { padding: 0 14px; }

.m3proAslick { margin: 45px -14px 55px; }

.m3proCon1 { position: relative; z-index: 3; }

.m3proc1Lx { float: left; }

.m3proc1Rx { float: right }

.m3proc1Lx:before { content: ""; width: 80px; height: 15px; box-shadow: 0 0 4px 3px rgba(0,0,0,0.04); right: -65px; top: 90px; display: block; position: absolute; z-index: -1; }

.m3proc1Lx:after { content: ""; width: 80px; height: 15px; box-shadow: 0 0 4px 3px rgba(0,0,0,0.04); right: -65px; top: 120px; display: block; position: absolute; z-index: -1; }

.m3proc1Bx { width: 48.2%; position: relative; padding: 6.48vh 2.64vw; box-shadow: 0 0 4px 3px rgba(0,0,0,0.04); min-height: 500px; background: #fff; }

.m3proc1Rx:before { content: ""; width: 80px; height: 15px; box-shadow: 0 0 4px 3px rgba(0,0,0,0.04); left: -65px; bottom: 90px; display: block; position: absolute; z-index: -1; }

.m3proc1Rx:after { content: ""; width: 80px; height: 15px; box-shadow: 0 0 4px 3px rgba(0,0,0,0.04); left: -65px; bottom: 120px; display: block; position: absolute; z-index: -1; }

.m3proc1Bx li { font-size: 16px; line-height: 36px; margin-bottom: 32px; }

.m3proc1Bx li strong { display: block; }

.m3proLybg { background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 60; }

.m3proLay { background: #FFF; width: 518px; padding: 35px 15px 40px; position: fixed; z-index: 66; border-radius: 2.2em; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.m3pro_lt { font-size: 32px; line-height: 52px; font-weight: 100; text-align: center; }

.m3proClose { background: url(../images/m3proClose.png) no-repeat center center; display: inline-block; position: absolute; top: 19px; right: 22px; cursor: pointer; width: 26px; height: 26px; }

.m3pro_submit { line-height: 44px; height: 44px; width: 125px; font-size: 18px; letter-spacing: 0em; margin-top: 0 }

.m3proLy_ul.clearfix li { min-height: 44px; margin-bottom: 12px; font-size: 16px; line-height: 44px; }

.m3proLy_ul.clearfix li:after { content: ""; height: 0; width: 100%; display: table; clear: both; }

.m3proLsnm { float: left; width: 155px; padding-right: 10px; text-align: right; }

.m3proLy_ul { margin-top: 20px; }

.layui-form-select dl{border-radius:0}

.m3proLy_ul .select{width:255px;float:left}

.m3proLy_ul input { font-size: 16px; line-height: 42px; color: #666; padding: 0px 15px; height: 44px; width: 265px; border: 1px solid #CDCDCD!important; border-radius: 0.3em; }

.m3proLy_ul textarea { font-size: 16px; line-height: 26px; color: #666; padding: 8px 15px; height: 118px; width: 265px; border: 1px solid #CDCDCD!important; border-radius: 0.3em; }

.m3proLy_ul input:focus, .m3proLy_ul textarea:focus { border: 1px solid #aaa!important; }

.m3proBig_img{ width:540px; height:540px; position:relative}

.m3proBig_img img{max-width:90%; max-height:90%; width:auto; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

@media (max-width:1799px) {

.m3proRx { padding: 120px 0px 0px 50px; }

.m3proTop { padding: 20px 0px 80px; }

.m3pro_btn1, .m3pro_btn2, .m3pro_btn3 { font-size: 15px; }

.m3proCon1 { padding-top: 60px; }

.m3proc1Bx li { font-size: 15px; line-height: 32px; }

.m3pro_bt { font-size: 16px; line-height: 30px; padding: 28px 0px; }

.m3pro_th td { font-size: 15px; line-height: 28px; padding: 18px 5px; }

.m3pro_tr td { font-size: 14px; line-height: 26px; padding: 12px 5px; }

.m3proTable { margin-bottom: 60px; }

.m3proApp { padding: 60px 0px; }

.m3proAslick { margin: 32px -14px 35px; }

.m3pro_AppBtns { margin: 32px auto 0px; height: 50px; width: 108px; }

.m3proApp_prev { height: 50px; width: 50px; }

.m3proApp_next { height: 50px; width: 50px; }

.m3proLay { width: 410px; padding: 30px 15px 30px; }

.m3pro_lt { font-size: 26px; line-height: 32px; }

.m3proClose { transform: scale(0.8) }

.m3pro_submit { line-height: 42px; height: 42px; }

.m3proLy_ul.clearfix li { min-height: 36px; margin-bottom: 10px; font-size: 14px; line-height: 36px; }

.m3proLsnm { width: 105px; padding-right: 5px; }

.m3proLy_ul { margin-top: 15px; }

.m3proLy_ul input { font-size: 15px; line-height: 34px; height: 36px; width: 255px; }

.m3proLy_ul textarea { font-size: 15px; line-height: 24px; height: 88px; width: 255px; }

.m3proBig_img{ width:400px; height:400px; margin-top:80px}

.m3pro_apBox.scaleImg .overflowHide .ellipsis.ellipsisList  .EnergyList b{padding: 0 10px;}

}

@media (max-width:1559px) {

.m3pro_des { font-size: 15px; line-height: 32px; }

.m3pro_t { font-size: 26px; }

.m3proLx { width: 45%; }

.m3proRx { width: 55%; padding: 112px 0px 0px 40px; }
.m3pro_apBox.scaleImg .overflowHide .ellipsis.ellipsisList  .EnergyList b{padding: 0 4px;margin-right: 4px}


}

@media (max-width:1199px) {

.m3pro_qq { margin-top: 20px; }
.m3pro_apBox.scaleImg .overflowHide .ellipsis.ellipsisList  .EnergyList b{margin-right: 6px;}

}

@media (max-width:993px) {

.m3proLx { width: 100%; margin-bottom: 45px; }

.m3proTop { background-size: cover; }

.m3pro_mt { font-size: 26px; line-height: 38px; text-align: center; padding-top: 45px; }

.m3proRx { width: 100%; padding: 0 25px; }

.m3pro_t { display: none; }

.m3proRx { min-height: 100px; }

}

@media (max-width:767px) {

.m3pro_mt { font-size: 24px; line-height: 36px; padding-top: 40px; padding-bottom: 10px; }

.m3proSimg { right: auto; left: 50%; transform: translateX(-50%); }

.m3proRx { padding: 0; }

.m3proLx { margin-bottom: 25px; }

.m3pro_des { margin-bottom: 22px; }

.m3proLay { width: 340px; transform: translate(-50%, -50%); }

.m3proLsnm { width: 85px; font-size: 12px; }

.m3proLy_ul input, .m3proLy_ul textarea { width: 215px; font-size: 14px; }

.m3pro_lt { font-size: 22px; }

.m3proc1Lx, .m3proc1Rx { height: auto!important; width: 100%; float: none; padding-bottom: 10px; }

.m3proc1Bx li { font-size: 14px; line-height: 26px; }

.m3pro_bt { padding-bottom: 12px; }

.m3pro_tr td { font-size: 12px; }

.m3proTable { width: 100%; overflow: auto; }

.m3proTableBox { width: 600px;max-width:100%;padding:0;border:none; }

.m3pro_th td { font-size: 12px; padding: 10px 2px; }

.m3proApp { padding: 50px 0px; }

.m3proAslick { margin: 20px 0 0; }

.m3pro_apBox.scaleImg .overflowHide { height: 222px; }

.m3pro_apBox.scaleImg .overflowHide .ellipsis { line-height: 50px; height: 50px; font-size: 15px; transform: translateY(0); opacity: 1; }
.m3pro_apBox.scaleImg .overflowHide .ellipsis.ellipsisList{	height: 95px;transform: translateY(0);}
.m3pro_apBox.scaleImg .overflowHide .ellipsis.ellipsisList .EnergyList{
	margin-top: 0;
}

.m3proApp_prev { transform: scale(0.8); }

.m3proApp_next { transform: scale(0.8) rotate(180deg); }

.m3proBig_img{margin-top:0;}

}

.m2menu_sa { display: block; line-height: 106px; color: #9b9b9b }

.on .m2menu_sa { color: #c40030; }

.m3menu { text-align: center; width: 180px; position: absolute; bottom: 106px; padding-bottom: 28px; left: 50%; transform: translateX(-50%); transition: all 0.5s ease-in-out; opacity: 0; visibility: hidden }

.m2menu_a:hover .m3menu, .m2menu_a.on .m3menu { opacity: 1; visibility: visible }

.m3menuBox { padding: 20px 5px; background: #fff; border-radius: 0.6em; }

.m3menuBox:after { content: ""; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #fff; position: absolute; left: 50%; margin-left: -16px; bottom: 16px; }

.m3menu_a { font-size: 16px; line-height: 36px; display: block }

.m3menuBox a.on,.m3menu_mb a.on{color: #c40030;}

.m2proul { margin: 0px -20px 25px; }

.m2proul li { padding: 0px 20px; margin-bottom: 38px; }

.m2pro_aBox { display: block; padding: 19px 19px 32px; background: #F4F4F4; position: relative; z-index: 1; overflow: hidden; border-radius: 0.4em; }

.m2pro_img { background: #FFF; height: 300px; position: relative; border-radius: 0.4em; }

.m2pro_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; width: auto; height: auto; }

.m2proTxt { border-top: 1px solid #E7E7E7; margin-top: 20px; padding-top: 22px; text-align: center; }

.m2proTxt .ellipsis { font-size: 18px; font-weight: normal; line-height: 38px; display: block; height: 38px; color: #333; }

.m2proTxt p { font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; color: #666; }

.m2proLayer { background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; transition: all 0.5s ease-in-out; border-radius: 0.4em; color: #fff; display: flex; align-items: center; padding: 20px 40px; transition: all 0.5s ease-in-out; opacity: 0 }

.m2proFun_a { display: inline-block; padding: 0px 22px; line-height: 42px; color: #FFF; height: 44px; font-size: 16px; margin-right: 8px; border-radius: 0.3em; border: 1px solid #FFF; }

.m2proFun_a:hover { color: #FFF; background: #ee2d26; border: 1px solid #ee2d26; }

.m2proLayer strong { font-size: 24px; font-weight: normal; line-height: 34px; display: block; margin-bottom: 14px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(30px); transition-delay: 0.2s; }

.m2proLayer p { font-size: 14px; line-height: 26px; color: #d5d5d5; margin-bottom: 32px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(30px); transition-delay: 0.4s; max-height:208px; overflow:hidden }

.m2pro_fun { transition: all 0.5s ease-in-out; transition-delay: 0.6s; opacity: 0; transform: translateX(30px) }

.m2pro_aBox:hover .m2proLayer { opacity: 1; }

.m2pro_aBox:hover .m2pro_fun { opacity: 1; transform: translateX(0) }

.m2pro_aBox:hover .m2proLayer strong { opacity: 1; transform: translateX(0) }

.m2pro_aBox:hover .m2proLayer p { opacity: 1; transform: translateX(0) }

@media (max-width:1799px) {

.m2proLayer strong { font-size: 22px; line-height: 36px; }

.m2proul { margin-bottom: 30px; }

.m2proFun_a { font-size: 16px; }

.m2menu_sa { line-height: 86px; }

.m3menu { bottom: 82px; }

}

@media (max-width:1559px) {

.m2pro_img { height: 250px; }

.m2proLayer p { font-size: 13px; line-height: 24px; }

.m2proul { margin: 0px -15px 25px; }

.m2proul li { padding: 0px 15px; margin-bottom: 30px; }

}

@media (max-width:1199px) {

.m2proLayer { padding-left: 10px; padding-right: 10px; }

.m2proLayer strong { font-size: 20px; line-height: 30px; margin-bottom: 8px; }

.m2proFun_a { font-size: 14px; }

}

@media (max-width:993px) {

.m2proLayer { padding-left: 15px; padding-right: 15px; }

.m3menu_a { font-size: 12px; line-height: 30px; }

}

@media (max-width:767px) {

.m2proLayer strong { font-size: 18px; line-height: 30px; }

.m2proFun_a { font-size: 14px; }

.m2proTxt .ellipsis { font-size: 16px; }

.m2proul { margin: 0px -10px 30px; }

.m2proul li { padding: 0px 10px; margin-bottom: 15px; }

.m3menu { display: none; }

.m2menu_sa { width: auto!important; margin: 0 0px; line-height: 26px; margin-bottom: 0px; }

.m3menu_mb { text-align: center; margin: 10px 0 0; position: relative; top: 12px; }

.m3menu_mb a { margin: 0 12px; line-height: 28px; display: inline-block; margin-bottom: 10px; }

.m2proLayer strong { font-size: 16px; }

}

.m2proNavItems { height: 100vh; background: #f4f4f4 url(../images/m2pro_bg.png) no-repeat center bottom; }

.m2proNavItems li { float: left; height: 100vh; width: 20%; transition: all 0.5s ease-in-out; position: relative; }

.m2proNavItems li.li { width: 16.666%; }

.m2proNavItems li.hover { width: 33.336%; }

.m2proNavInx { height: 100vh; width: 254px; margin: 0px auto; background: #bd002f; position: relative; transition: all 0.5s ease-in-out; opacity: 0; z-index: 5; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

.m2pro_na1, .m2pro_na1:hover { font-size: 32px; color: #FFF; display: block; text-align: center; line-height: 52px; height: 52px; position: absolute; left: 0px; top: 19.5vh; width: 100%; }

.m2NproBom { height: 26vh; width: 100%; position: absolute; left: 0px; bottom: 2vh; }

.m2pro_na2 { color: #fff; display: block; text-align: center; font-size: 20px; }

.m2pro_na2:hover { color: #FFF; background: #a00028; }

.m2pro_Nimg { width: 36vh; height: 36vh; position: absolute; left: 50%; transform: translate(-50%, 0%); top: 31vh; background-position: center center; background-repeat: no-repeat; border-radius: 50%; display: block; box-shadow: 0 0 15px 12px rgba(0,0,0,0.08); }

.m2pro_Nimg img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; width: auto; height: auto; }

.m2pro_sInx { width: 170px; height: 100vh; position: relative; margin: 0 auto; transition: all 0.5s ease-in-out; }

.m2proSixImg { width: 13.02vw; height: 13.02vw; border-radius: 50%; background: #fff; left: 50%; transform: translateX(-50%); position: absolute; top: 36vh; box-shadow: 0 0 15px 12px rgba(0,0,0,0.08); }

.m2proSixImg img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 70%; max-height: 70%; width: auto; height: auto; }

.m2proSixImg p { font-size: 24px; line-height: 34px; left: 50%; bottom: -60px; transform: translateX(-50%); text-align: left; position: absolute; }

.m2proNavItems li.hover .m2pro_sInx { opacity: 0; }

.m2proNavItems li.hover .m2proNavInx { opacity: 1; }

@media (max-width:1799px) {

.m2pro_Nimg { width: 40vh; height: 40vh; top: 30vh; }

.m2pro_na1, .m2pro_na1:hover { font-size: 28px; line-height: 40px; height: 40px; }

.m2pro_na2 { font-size: 16px; }

.m2proSixImg p { font-size: 20px; line-height: 28px; }

}

@media (max-width:1379px) {

.m2pro_Nimg { top: 28vh; }

.m2pro_na1, .m2pro_na1:hover { font-size: 24px; line-height: 36px; height: 36px; }

}

@media (max-width:1199px) {

.m2proSixImg p { font-size: 16px; line-height: 26px; }

}

@media (max-width:993px) {

.m2proSixImg { width: 110px; height: 110px; }

.m2proSixImg p { white-space: nowrap }

.m2proNavItems, .m2proNavItems li, .m2pro_sInx, .m2proNavInx { height: 400px; }

.m2pro_na1 { display: none; }

.m2NproBom { display: none; }

.m2proSixImg { top: 130px; }

.m2pro_Nimg { width: 100%; top: 0; }

.m2proNavInx { width: 100%; }

.m2pro_sInx { width: 100%; }

.m2proNavItems { background: #f4f4f4; }

}

@media (max-width:767px) {

.m2proNavItems, .m2proNavItems li, .m2pro_sInx, .m2proNavInx { height: 500px; }

.m2proNavItems li { width: 33.333%; height: 250px; position: relative; }

.m2pro_sInx, .m2proNavInx { height: 250px; }

.m2proSixImg { top: 100px; }

.m2proSixImg p { bottom: -50px; }

.m2proSixImg { width: 90px; height: 90px; }

.m2proNavItems li { z-index: 1; }

.m2proNavItems li:nth-child(4), .m2proNavItems li:nth-child(5), .m2proNavItems li:nth-child(6) { z-index: 0; top: -50px; }

}

.m2ryCon { padding: 66px 0px 55px; }

.m2ryChange { line-height: 36px; text-align: right; margin-bottom: 35px; }

.m2ryChange_a { display: inline-block; margin-left: 18px; padding-left: 30px; font-size: 14px; line-height: 36px; }

.m2ryChange_a1 { background: url(../images/m2ry_icon1.png) no-repeat left center; }

.m2ryChange_a2 { background: url(../images/m2ry_icon2.png) no-repeat left center; }

.m2ryChange_a1:hover, .m2ryChange_a1.on { background: url(../images/m2ry_icon1a.png) no-repeat left center; color: #c40030; }

.m2ryChange_a2:hover, .m2ryChange_a2.on { background: url(../images/m2ry_icon2a.png) no-repeat left center; color: #c40030; }

.m2ryImgList { margin: 0px -18px; }

.m2ryImgList a { padding: 0 18px; margin-bottom: 36px; float: left; width: 20%; }

.m2ry_sBox { display: block; background: #FFF; border: 5px solid #FFF; position: relative; box-shadow: 0 0 5px 3px rgba(0,0,0,0.08); }

.m2ry_sBox .overflowHide { position: relative; height: 335px; }

.m2ry_sBox .overflowHide img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; }

.m2ryLayer { transition: all 0.5s ease-in-out; opacity: 1; background: url(../images/m2ry_lay.png) no-repeat center center; background-size: cover; position: absolute; left: -5px; right: -5px; top: -5px; bottom: -5px; opacity: 0 }

.m2ry_nm { font-size: 20px; line-height: 30px; color: #FFF; padding: 0px 25px; width: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); text-align: center }

.m2ry_fun { text-align: center; height: 30px; width: 100%; position: absolute; z-index: 5; left: 0px; bottom: 30px; }

.m2ry_bigImg { background: url(../images/m2ry_icon13.png) no-repeat center center; display: inline-block; height: 30px; width: 30px; margin-right: 25px; }

.m2ry_down { background: url(../images/m2ry_icon14.png) no-repeat center center; display: inline-block; height: 30px; width: 30px; }

.m2ry_sBox:hover .m2ryLayer { opacity: 1; }

.m2photoItem figure { width: 0; height: 0; overflow: hidden; opacity: 0; position: absolute; left: 50%; top: 50%; }

.m2ryTxtList { position: relative; }

.m2ryTxtList li:after { content: ""; clear: both; display: table; }

.m2ryTxtDes { float: right; width: 50%; height: 106px; padding-top: 4px; border-left: 1px solid #C9C9C9; position: relative; }

.m2ry_yr { color: #FFF; background: #606060; height: 36px; width: 87px; position: absolute; left: -126px; top: 0px; text-align: center; font-size: 16px; line-height: 36px; transition: all 0.5s ease-in-out; }

.m2ry_yr:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 8px solid #606060; position: absolute; right: -8px; top: 11px; transition: all 0.5s ease-in-out; }

.m2ry_yp { font-size: 18px; line-height: 28px; padding: 0px 38px; position: relative; transition: all 0.5s ease-in-out; }

.m2ry_yp:after { content: ""; background: #606060; height: 16px; width: 16px; position: absolute; left: -8px; top: 7px; border-radius: 50%; transition: all 0.5s ease-in-out; }

.m2ryTxtList li:hover .m2ry_yp { color: #c40030; }

.m2ryTxtList li:hover .m2ry_yp:after { background: #c40030; }

.m2ryTxtList li:hover .m2ry_yr { background: #c40030; }

.m2ryTxtList li:hover .m2ry_yr:after { border-left: 8px solid #c40030; }

.m2ry_imgs { width: 70px; height: 95px; position: absolute; left: -220px; top: -30px; }

.m2ry_imgs img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; }

.m2ryTxtList:before { content: ""; width: 20px; height: 20px; position: absolute; left: 50%; margin-left: -10px; background: #fff; top: -9px; z-index: 5; }

@media (min-width:77px) {

.m2ryTxtList li:nth-child(2n) .m2ryTxtDes { float: left; border-left: none; border-right: 1px solid #c9c9c9; text-align: right }

.m2ryTxtList li:nth-child(2n) .m2ry_yr { left: auto; right: -126px; }

.m2ryTxtList li:nth-child(2n) .m2ry_yr:after { right: auto; left: -8px; border-left: none; border-right: 8px solid #606060; }

.m2ryTxtList li:nth-child(2n) .m2ry_yp:after { left: auto; right: -7px; background: #FFF; height: 14px; width: 14px; border: 3px solid #606060; }

.m2ryTxtList li:nth-child(2n):hover .m2ry_yp:after { border: 3px solid #c40030; }

.m2ryTxtList li:nth-child(2n):hover .m2ry_yr:after { border-right: 8px solid #c40030; }

.m2ryTxtList li:nth-child(2n) .m2ry_imgs { left: auto; right: -220px; }

}

.m2ryListBox { display: none; }

.m2ryListBox.on { display: block; }

@media (max-width:1799px) {

.m2ryImgList { margin: 0px -15px; }

.m2ryImgList a { padding: 0 15px; margin-bottom: 25px; }

.m2ryCon { padding: 46px 0px 5px; }

.m2ryChange { margin-bottom: 20px; }

.m2ry_nm { font-size: 18px; line-height: 30px; }

}

@media (max-width:1559px) {

.m2ry_sBox .overflowHide { height: 280px; }

.m2ry_nm { font-size: 16px; line-height: 28px; }

.m2ry_yp { font-size: 16px; }

}

@media (max-width:1379px) {

.m2ryCon { padding: 32px 0px 0px; }

}

@media (max-width:1199px) {

.m2ryImgList a { width: 25%; }

}

@media (max-width:993px) {

.m2ryImgList a { width: 33.33%; }

}

@media (max-width:767px) {

.m2ryImgList a { width: 50%; margin-bottom: 10px; padding: 0 10px; }

.m2ry_imgs { display: none; }

.m2ry_yp { font-size: 12px; line-height: 22px; padding: 0 18px; }

.m2ry_sBox .overflowHide { height: 202px; }

.m2ry_nm { font-size: 14px; line-height: 26px; }

.m2ryChange { margin-bottom: 10px; }

.m2ryTxtList { margin-top: 20px; }

}

.rTools { width: 60px; position: fixed; z-index: 99; top: 50%; right: 0px; margin-top: -125px; }

.rTools_a { display: block; height: 60px; width: 60px; margin-bottom: 4px; position: relative; background-color: #F2F2F2; border-radius: 0.3em; background-repeat: no-repeat; background-position: center center; }

.rTools_a:hover { background-color: #c40030; }

.rTools_a1 { background-image: url(../images/menuR_i1.png); }

.rTools_a1:hover { background-image: url(../images/menuR_i1a.png); }

.rTools_a2 { background-image: url(../images/menuR_i2.png); }

.rTools_a2:hover { background-image: url(../images/menuR_i2a.png); }

.rTools_a3 { background-image: url(../images/menuR_i3.png); }

.rTools_a3:hover { background-image: url(../images/menuR_i3a.png); }

.rTools_a4 { background-image: url(../images/menuR_i4.png); }

.rTools_a4:hover { background-image: url(../images/menuR_i4a.png); }

.rTwxImg { background: #fff; padding: 4px 2px 2px; height: 92px; width: 92px; text-align: center; margin-top: -46px; position: absolute; top: 50%; right: 80px; box-shadow: 0 0 3px 2px rgba(0,0,0,0.05); border-radius: 0.3em; opacity: 0; transition: all 0.5s ease-in-out; transform: translateX(-30px); visibility: hidden }

.rTwxImg:after { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; position: absolute; right: -6px; top: 50%; margin-top: -6px; }

.rTtel { font-size: 18px; line-height: 60px; font-weight: bold; color: #c40030; display: inline-block; padding: 0px 35px; height: 60px; position: absolute; top: 0px; right: 80px; background: #fff; box-shadow: 0 0 3px 2px rgba(0,0,0,0.05); border-radius: 0.3em; opacity: 0; transition: all 0.5s ease-in-out; transform: translateX(-30px); visibility: hidden; white-space: nowrap; }

.rTtel:after { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; position: absolute; right: -6px; top: 50%; margin-top: -6px; }

.rTools_a2:hover .rTwxImg { opacity: 1; transform: translateX(0); visibility: visible }

.rTools_a3:hover .rTtel { opacity: 1; transform: translateX(0); visibility: visible }

@media (max-width:767px) {

.rTools { top: auto; bottom: 10px; margin-top: 0; }

}

.mapCon { padding: 30px 0px 100px; }

.m2map_ul { margin: 35px -13px 0px; }

.m2map_ul li { padding: 0 13px; float: left; width: 25%; margin-bottom: 26px; }

.m2map_aBox { display: block; height: 313px; display: flex; align-items: center; position: relative; box-shadow: 0 0 4px 3px rgba(0,0,0,0.08); transition: all 0.5s ease-in-out; }

.m2map_aBox .w100 strong { font-size: 20px; line-height: 24px; display: block; font-weight: normal; }

.m2map_sub { margin-top: 0; line-height: 32px; font-size: 16px; transition: all 0.5s ease-in-out; opacity: 0; height: 0; }

.m2map_sub a { display: inline-block; margin: 0px 12px; white-space: nowrap; }

.m2map_aBox .w100 { position: relative; z-index: 1; text-align: center; padding: 0 25px; }

.m2map_aBox .bgImg { content: ""; transition: all 0.5s ease-in-out; background: url(../images/map_sbg.jpg) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0 }

.m2map_aBox:hover .bgImg { opacity: 1; }

.m2map_aBox:hover a { color: #fff; font-weight: bold; }

.m2map_aBox:hover .m2map_sub { opacity: 1; margin-top: 66px; display: block; height: auto; height: 24px; }

@media (max-width:1799px) {

.mapCon { padding: 0px 0px 50px; }

.m2map_ul { margin: 28px -13px 0px; }

}

@media (max-width:1559px) {

.m2map_aBox { height: 260px; }

.m2map_aBox:hover .m2map_sub { margin-top: 36px; }

.m2map_sub a { margin: 0px 6px; }

}

@media (max-width:1199px) {

.m2map_ul li { width: 33.33%; }

}

@media (max-width:993px) {

.m2map_ul li { width: 50%; }

}

@media (max-width:767px) {

.m2map_ul li { width: 100%; }

.m2map_aBox:before { opacity: 1; }

.m2map_aBox a { color: #fff; }

.m2map_aBox .m2map_sub, .m2map_aBox:hover .m2map_sub { opacity: 1; height: auto; margin-top: 25px; }

.m2map_ul li { margin-bottom: 10px; }

.m2map_aBox .bgImg { opacity: 1; }

.m2map_aBox a { color: #fff; font-weight: bold; }

.m2map_aBox .m2map_sub { opacity: 1; margin-top: 66px; display: block; height: auto; height: 24px; }

}





/*2019-09-09 CSS*/

.solution_category .section2 { position: relative; }

.solution_category .section2 .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

.solution_category .section2 .bg .item { width: 100%; height: 100%; position: absolute; top: 0; left: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }

.solution_category .section2 .bg .item:first-of-type { left: 0; }

.solution_category .section2 .circle { width: 64vh; height: 64vh; position: absolute; top: calc(50% + 48px); left: 50%; margin: -32vh 0 0 -32vh; z-index: 2; }

.solution_category .section2 .circle:before, .solution_category .section2 .circle:after { content: ''; position: absolute; top: 0; left: 40px; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; z-index: 1; }

.solution_category .section2 .circle:before { background-image: url("../images/wel23.png"); -webkit-animation: inlinerbg 1.2s infinite linear; -moz-animation: inlinerbg 1.2s infinite linear; -ms-animation: inlinerbg 1.2s infinite linear; animation: inlinerbg 1.2s infinite linear; }

.solution_category .section2 .circle:after { background-image: url("../images/wel24.png"); -webkit-animation: inlinerbgo 1.2s infinite linear; -moz-animation: inlinerbgo 1.2s infinite linear; -ms-animation: inlinerbgo 1.2s infinite linear; animation: inlinerbgo 1.2s infinite linear; }

.solution_category .section2 .circle svg { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); fill: none; stroke-width: 2px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); z-index: 2; }

.solution_category .section2 .circle svg.svg1 { stroke: #fff; }

.solution_category .section2 .circle svg.svg2 { stroke: #ee2d26; stroke-dasharray: 3130; stroke-dashoffset: 3130; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -ms-transition: all 0.8s linear; transition: all 0.8s linear; }

.solution_category .section2 .circle svg[data-path=""] { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; }

.solution_category .section2 .circle svg[data-path="3-0"] { stroke-dashoffset: 0; }

.solution_category .section2 .circle svg[data-path="3-1"] { stroke-dashoffset: 2086; }

.solution_category .section2 .circle svg[data-path="3-2"] { stroke-dashoffset: 1043; }

.solution_category .section2 .circle svg[data-path="2-0"] { stroke-dashoffset: 0; }

.solution_category .section2 .circle svg[data-path="2-1"] { stroke-dashoffset: 1565; }

.solution_category .section2 .cont { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; overflow: hidden; }

.solution_category .section2 .cont .item { width: 100%; height: 100%; position: absolute; top: 0; left: 100%; text-align: center; padding-top: 96px; }

.solution_category .section2 .cont .item .cell { max-width: 440px; }

.solution_category .section2 .cont .item h3 { font-size: 50px; color: #fff; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }

.solution_category .section2 .cont .item h3:after { content: ''; display: block; width: 60px; height: 2px; background-color: #fff; margin: 15px auto 0; }

.solution_category .section2 .cont .item p { font-size: 16px; line-height: 24px; color: #fff; margin: 24px 0; }

.solution_category .section2 .cont .item a { display: block; margin: 0 auto; width: 150px; line-height: 46px; border-radius: 0; font-size: 14px; color: #fff; border: 1px solid #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.solution_category .section2 .cont .item a:hover { background-color: #fff; color: #2884f6; }

.solution_category .section2 .cont .item:first-of-type { left: 0; }

.solution_category .section2 .dots { position: absolute; width: 2px; height: 2px; top: 50%; left: 50%; margin: -1px 0 0 -1px; z-index: 4; }

.solution_category .section2 .dot { position: absolute; width: 20px; height: 20px; top: calc(50% + 48px); left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; }

.solution_category .section2 .dot:after { content: ''; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 5px; left: 5px; background-color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.solution_category .section2 .dot:nth-of-type(1) { margin-left: -32vh; }

.solution_category .section2 .dot.num2:nth-of-type(2) { margin-left: 32vh; }

.solution_category .section2 .dot.num3:nth-of-type(2), .solution_category .section2 .dot.num3:nth-of-type(3) { margin-left: 16vh; }

.solution_category .section2 .dot.num3:nth-of-type(2) { margin-top: -27.6vh; }

.solution_category .section2 .dot.num3:nth-of-type(3) { margin-top: 27.6vh; }

.solution_category .section2 .dot.num3:nth-of-type(1) span { font-size: 22px; line-height: 38px; color: #fff; position: absolute; display: inline-block; left: -96px; top: -9px; }

.solution_category .section2 .dot.num3:nth-of-type(2) span { font-size: 22px; line-height: 38px; color: #fff; position: absolute; display: inline-block; right: -106px; top: -9px; }

.solution_category .section2 .dot.num3:nth-of-type(3) span { font-size: 22px; line-height: 38px; color: #fff; position: absolute; display: inline-block; right: -106px; top: -9px; }

.solution_category .section2 .cont .item strong { font-size: 36px; line-height: 56px; height: 112px; display: block; color: #fff; margin-bottom: 7.59vh; }

.solution_category .section2 .cont .item strong span { display: inline-block; margin: 0 5px; }

.solution_category .section2 .dot.active:after { background-color: #ee2d26; box-shadow: 0 0 5px 3px rgba(238,45,38,0.2); }

.solution_category .section2 .circle, .solution_category .section2 .cont, .solution_category .section2 .dots { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.solution_category .section2.scale .circle, .solution_category .section2.scale .cont, .solution_category .section2.scale .dots { -webkit-transition: transform 0.8s 0.3s ease; -moz-transition: transform 0.8s 0.3s ease; -ms-transition: transform 0.8s 0.3s ease; transition: transform 0.8s 0.3s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.solution_category .section2 .m_show { display: none; }

@media (max-width:1559px) {

.solution_category .section2 .cont .item strong { font-size: 30px; line-height: 46px; height: 92px; margin-bottom: 6vh; }

}

@media (max-width:993px){

.solution_category .section2 .circle { transform:scale(0.9)!important}

.solution_category .section2 .dots{ transform:scale(0.9)!important}

}

@media (max-width:767px){

.solution_category .section2 .cont .item strong { font-size: 20px; line-height: 30px; height: 60px; margin-bottom: 20px; transform:translateX(25px) }

.solution_category .section2 .cont .item a{height:40px; line-height:38px; transform:translateX(25px)}

.solution_category .section2 .circle { transform:scale(0.66) translateX(25px)!important}

.solution_category .section2 .dots{ transform:scale(0.66) translateX(25px)!important}

.solution_category .section2 .dot.num3:nth-of-type(2) {

	margin-top: -23.6vh;

}

.solution_category .section2 .dot.num3:nth-of-type(3) {

	margin-top: 31.6vh;

}

}



/*2019-09-10 CSS*/

.m2abt_cnmItem{width:calc((100% - 118px) / 3); float:left;}

.m2abt_cnmItem .m2abt_item { width:59px; float:none; margin:0 auto;}

.m2abt_cnmItem .m2abt_item2{ left:20%}

.m2abt_cnmItem .m2abt_item4{ right:20%}

@media (max-width:767px){

.m2abt_cnmItem .m2abt_item2{ left:5%}

.m2abt_cnmItem .m2abt_item4{ right:5%}

}





/*2019-10-14 CSS*/

.serBanBox{ height: 320px; position:relative; }

.serBanBg{position:absolute; left:0; top:0; width:100%; height:100%;}

.serBanFrom{position:absolute; left:50%; top:50%; transform:translateY(-50%); width:700px; margin-left:-350px; z-index:2;}

.serBanFrom strong{ font-size: 30px; color: #FFF; line-height: 36px; margin-bottom: 30px; text-align: center; display:block; font-weight:normal }

.serBanInx{position:relative;}

.serBanInx input{ font-size: 16px; line-height: 52px; color: #666; height: 52px; width: 100%; padding: 0px 60px 0px 15px; border-width: 0px; border-style: none; }

.ser_submit{ background: url(../images/serach_btn.png) no-repeat center center; display: block; height: 52px; width: 55px; border-width: 0px; border-style: none; position: absolute; top: 0px; right: 0px; cursor: pointer; }

.searchCon{max-width:1310px; padding:0 15px; margin:70px auto 0px;}

.serRx{ float: right; width: 360px; }

.serLx{ width: 880px; border: 1px solid #e8e8e8; padding: 35px 45px 60px; float: left; }

.serRx_t { font-size: 20px; color: #FFF; line-height: 60px; background: #C40032 url(../images/serch_icon.png) no-repeat 36px center; height: 60px; padding-left: 70px; }

.serRx_a{ line-height: 66px; height: 67px; padding-left: 38px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; font-size: 16px; color: #666; display:block}

.serRx_a.on{    color: #c40030;}

.serList{ margin-bottom:45px;}

.serList li{ font-size: 16px; line-height: 68px; position: relative; padding-right: 95px; border-bottom: 1px solid #e8e8e8; }

.serList li .ellipsis{height:68px;}

.serList li span{ font-size: 14px; color: #999; display: inline-block; position: absolute; top: 0px; right: 0px; }

.serPage{text-align:center;}

.serList_a{color:#666;}

.serPage_a{ font-size: 14px; line-height: 40px; height: 40px; min-width: 40px; text-align: center; padding: 0px 15px; display: inline-block; }

.serPage_a:hover,.serPage_a.on{ color: #FFF; background: #fa1b24; }

@media (max-width:1799px){

.serBanBox{ height: 280px;}

.searchCon{max-width:1200px; margin:50px auto 0px;}

.serRx{ width: 300px; }

.serLx{ width: 850px; padding: 25px 25px 50px; }

.serRx_t { font-size: 18px; line-height:62px; height: 62px; }

.serRx_a{ line-height: 54px; height:55px; font-size: 15px;}

.serList li{ font-size: 15px; line-height: 58px; }

.serList li .ellipsis{height:58px;}

}

@media (max-width:1199px){

.serRx{ width: 100%; float:none; margin-bottom:15px; }

.serLx{ width: 100%; float:none }

}

@media (max-width:767px){

.serBanBox{ height: 250px;}

.serBanFrom{ margin-left:-0; left:10px; right:10px; width:auto}

.serBanFrom strong{ font-size: 26px; margin-bottom:18px;}

.serList li span{display:none;}

.serList li{padding-right:0; font-size:14px;}

.serLx{padding: 15px 12px 40px; }

}





/*2019-11-21 CSS*/

.m2nmenuWpr{margin-top:/*-88px*/;}

.m2nmenu{height:88px;background:#fff;box-shadow:0px 0px 12px 10px rgb(0 0 0 / 5%)}
.m2nmenu.m2nmenu-w{margin-bottom:80px;}
.m2nMneu_item{ width:20%; float:left;}

.m2nMenu_a{ display: block; text-align: center; line-height: 88px; font-size: 20px; position:relative }

.m2nMenu_a:after{ content: ""; background: url(../images/ni1.png) no-repeat center center; display: inline-block; height: 6px; width: 12px; margin-left: -6px; position: absolute; left: 50%; bottom: 16px; transition:all 0.5s ease-in-out; opacity:0}

.m2nMneu_item.on .m2nMenu_a,.m2nMenu_a:hover,m2nMneu_item.hover.m2nMenu_a{ color: #c40030; background: #e6e6e6; }

.m2nMenu_a:before{ content: ""; background: #CC3600; height: 3px; width: 0%; position: absolute; left: 50%; top: 0px; transition:all 0.5s ease-in-out; }

.m2nMneu_item.on .m2nMenu_a:before,.m2nMneu_item .m2nMenu_a:hover:before,.m2nMneu_item.hover .m2nMenu_a:before{width: 100%; left:0}
.m2nMenu_a.on:before{width: 100%; left:0}
.m2nMneu_item:hover .m2nMenu_a:before{width: 100%; left:0}
.m2nMneu_item:hover .m2nMenu_a{ color: #c40030; background: #e6e6e6;
}
.m2nMneu_item:hover .m2nMenu_a:after{opacity: 1;}
.m2nMneu_item.on .m2nMenu_a:after,.m2nMneu_item .m2nMenu_a:hover:after,.m2nMneu_item.hover .m2nMenu_a:after{ opacity:1;}
.m2nMenu_a.on:after{ opacity:1;}
.m3nMenuWpr{ position: absolute; left: 0; top: 88px; right: 0; background: #e6e6e6; opacity:0; transition:all 0.5s ease-in-out; visibility:hidden;display:block;  }


.m3nMenu_item{ line-height: 104px; display: inline-block; float:left; }

.m4nMenu{ width: 100%; position: absolute; left: 0; top: 106px; padding: 40px 0px; background: #E6E6E6; line-height:48px; opacity:0; transition:all 0.5s ease-in-out; visibility:hidden; }

.m3nMenu_item:hover .m4nMenu{opacity:1; visibility:visible;}

.m3nMenu_a{ display: inline-block; padding: 0px 7px; font-size:18px; margin:0 20px; position:relative;}

.m3nMenu_a:after{content:""; width:0%; height:3px; background:#CC3600; position:absolute; left:50%; bottom:-1px; transition:all 0.5s ease-in-out;}

.m3nMenu_a.on:after,.m3nMenu_a:hover:after,.m3nMenu_a.hover:after,.m3nMenu_a.onclick:after{ width:100%; left:0}

.m3nMenu_a:hover,.m3nMenu_a.on{ color: #c40030; }



.m3nMenu{ border-bottom: 1px solid #D7D7D7; height:105px;}

.m3nMenu.m3nMenuCener{
	    display: flex;
    justify-content: space-evenly;
}
.m3nMenu.m3nMenuCener .m3nMenu_a{
		padding: 0 40px;
		transition: all 0.2s ease;
}
.m3nMenu.m3nMenuCener .m3nMenu_a.onclick{
	color: #c40030;
}
.m2nMneu_item:nth-child(3) .m3nMenu{text-align:center;}

.m2nMneu_item:nth-child(3) .m3nMenu_item,.m2nMneu_item:nth-child(4) .m3nMenu_item,.m2nMneu_item:nth-child(5) .m3nMenu_item{float:none;}

.m2nMneu_item:nth-child(4) .m3nMenu,.m2nMneu_item:nth-child(5) .m3nMenu{text-align:right;}

.m2nMneu_item:nth-child(4) .m3nMenu{padding-right:20%;}

.m2nMneu_item:hover .m3nMenuWpr{opacity:1; visibility:visible;}
.m2nMneu_item.on .m3nMenuWpr{opacity:1; visibility:visible;}


.m4nMenu_a{ font-size: 14px; line-height: 46px; height: 48px; border: 1px solid #D7D7D7; display: inline-block; padding: 0px 24px; margin-right: 10px; }

.m4nMenu_a:hover{ color: #FFF; background: #c90026; border: 1px solid #c90026; }

@media (max-width:1799px){

.m4nMenu{top: 86px; padding: 25px 0px;}

.m3nMenu{height:85px;}

.m3nMenu_item{ line-height: 84px;}

}

@media (max-width:1199px){

.m3nMenu_a{font-size:16px;}	

.m4nMenu_a{margin-bottom:8px;}

}

@media (max-width:767px){
.m2nmenu-w .m2nMneu_item{width: auto;}

.m2nmenu-w .m2nMneu_item .m2nMenu_a{padding: 0 5px;}
.m2nmenu-w .m3nMenuWpr{display: block!important;}
.m2nmenu-w .m3nMenu.m3nMenuCener .m3nMenu_a{padding: 0; margin: 0}
.m2nmenu-w .m3nMenuWpr{top: 60px;}
.m2nmenu-w .m3nMenu.m3nMenuCener{	padding: 0;}

.m2nmenuWpr{margin-top:0;}	

.m3nMenuWpr,.m4nMenu{display:none!important;}

.m2nMenu_a{font-size:14px; line-height:60px;}

.m2nmenu{height:60px; margin-left:-15px; margin-right:-15px;}
.m2nmenu.m2nmenu-w{margin-bottom:0}
.m3menu_mb{margin-top:0;}

.m3menu_ma.on{ color:#c40030;}

.m4menu_mb { text-align: center; margin: 10px 0 0; position: relative; top: 16px; height:auto; border-top:1px solid #e6e6e6; padding-top:10px; margin-top:-2px; }

.m4menu_mb a{ margin: 0px 12px 10px; line-height:28px; display:inline-block;}

.m2nmenuWpr{border-bottom:1px solid #e6e6e6;}

}

.m2nmenu-w .m2nMneu_item> a:after{display:none;}
.m2nmenu-w .m2nMneu_item:nth-child(1)> a:after{display:block;}
.m2nmenu-w  .m3nMenu{border:none;}
/*2019-11-26 CSS*/

.pcNav_menu{ background: #FFF; height: 312px; padding-top: 72px; text-align: center; position: absolute; width: 100%; left: 0px; top: 112px; box-shadow:inset 0 4px 5px rgba(0,0,0,0.05); transition:all 0.5s ease-in-out; visibility:hidden; opacity:0 }

.pcNav_ia{display:inline-block; text-align:center; line-height:36px; font-size:16px; color:#777777; height:170px; border-bottom:1px solid #efefef; width:12%;}

.pcNav_ia .bgImg{height:92px; width:110px; margin:0 auto}

.pcNav_ia p{padding-top:14px; text-align:center}

.pcNav_items{line-height:26px;}

.pcNav_info{ font-size: 14px; line-height: 58px; color: #939393; }



.header.SmHeader .pcNav_menu{top:90px;}

.pcNav li:hover .pcNav_menu{ opacity:1; visibility:visible;}

.pcNav_subLi{position:relative;}

.pcNav_menu2{ padding: 15px 0px 20px; width: 150px; box-shadow:inset 0 4px 5px rgba(0,0,0,0.05); visibility:hidden; opacity:0;  position:absolute; left:50%; margin-left:-75px; background:#fff; top:112px;}

.pcNav_ia2{display:block; line-height:40px; height:40px; text-align:center; font-size:14px; color:#777777}

.header.SmHeader .pcNav_menu2{top:90px;}

.pcNav li:hover .pcNav_menu2{ opacity:1; visibility:visible;}

.m3nMenu_item2Wpr{ position:absolute; left:0; top:0;}

.m3nMenu_item2{position:absolute; left:50%; top:0; transform:translateX(-50%); display:inline-block; white-space:nowrap}

.m2nMneu_item2 .m3nMenu{height:88px; line-height:88px;}

.m2nMenu_a2{margin:0 20px; font-size:16px; white-space:nowrap}

.m3proTop{position:relative;}

.m3proTop .m2banBreak{top:40px; bottom:auto; text-align:left;}

.m3proTop .m2banBreak *{ color:#666!important}

.m3proTop .m2banBreak a:hover{ color: #c40030!important }

.m3proTop .m2banBreak span.m2break_s1 {background: url(../images/m2brk_icon2.png) no-repeat left center;}

@media (max-width:1799px){

.pcNav_menu{height: 272px; padding-top: 42px; top:90px; }

.pcNav_menu2{top:90px;}

}

@media (max-width:1199px){

.m2nMenu_a:after{ display:none!important;}

}



/*2019-12-9 CSS*/

.m2menu_line{display:none;}

.m2menu_a.on, .m2menu_a:hover{ background:#e6e6e6;}

.m2menu_a:before{content:""; position:absolute; left:50%; width:0%; top:0; height:3px; background:#CC3600; transition:all 0.5s ease-in-out;}

.m2menu_a.on:before, .m2menu_a:hover:before{width:100%; left:0;}


.right-float{ width:60px; position:fixed;right:2px;top:50%; z-index:2343465}
.right-float a{ display:block; float:left; width:100%; height:100%}
.right-float span{ float:left; width:100%; height:68px; background: url(../images/icon-31.svg) no-repeat; text-align:center}
.right-float span img{ display:inline-block; margin-top:16px}
.right-float span a:hover{ background:url(../images/icon-31.svg) no-repeat}
.right-float em{ width:100%; display:block; font-size:10px; color:#fff; margin-top:4px}
.right-float p{ float:left; width:100%; height:68px; background:#1e2835;text-align:center}
.right-float p i{ width:100%; overflow:hidden; height:22px; display:block; background:url(../images/icon-28.svg) no-repeat center; background-size:20px auto; margin-top:19px}
.right-float p samp{ width:100%; overflow:hidden; height:22px; display:block; background:url(../images/icon-29.svg) no-repeat center; background-size:20px auto; margin-top:9px}
.right-float p a:hover i{background:url(../images/icon-32-2.svg) no-repeat center}
.right-float p a:hover samp{background:url(../images/icon-33-2.svg) no-repeat center}
.right-float .top{ float:left; width:100%; height:36px;text-align:center;border-radius:2px; overflow:hidden; cursor:pointer}
.right-float .top a{ display:block;background:#1e2835 url(../images/icon-30.svg) no-repeat center}
.right-float .top a:hover{ background-color:#EB1329}
.right-add{ position:relative; float:left; width:100%; height:68px}
.right-drop{width:auto;position:absolute;right:56px;bottom:0px; z-index:234234; opacity:0; visibility:hidden; transform:translateX(-30px); transition:all 0.5s ease-in-out;}
.right-menu{width:285px; overflow:hidden; background:#fff;box-shadow:0 0 30px rgba(0, 0, 0, 0.15);border:1px #e6e6e6 solid; cursor:pointer; margin-right:12px	}
.right-menu .right-h3{ float:left;width:70%; padding:15px 0px 0px 30px; font-size:20px; font-weight:bold; color:#4b494a}
.right-phone{ float:left; width:80%; padding:1px 0px 9px 30px; font-size:32px; color:#eb1329;font-family:dinpro;}
.right-zj{ float:left; width:100%; overflow:hidden; line-height:30px; font-size:12px; color:#4b494a; background:#f5f5f5; padding-left:30px}
.right-add:hover .right-drop{ opacity:1; visibility:visible; transform:translateX(0)}
@media screen and (max-width:1000px){
.right-float{ display:none}
}