@charset "UTF-8";
.hsBody{background:#f4f4f4;}
.logo { float: left; margin-top: 45px; height:50px; }
.logo img{height:100%;}
.logo_sub { font-size: 24px; color: #FFF!important; line-height: 50px; float: left; margin-top: 45px; margin-left: 40px; position: relative; }
.logo_sub:before{content:""; width:1px; height:22px; background:rgba(255,255,255,0.4); position:absolute; left:-20px; top:14px;}
.webTrx{float:right; margin-top:64px; line-height:24px; font-size:14px;}
.webTrx a{margin-left:20px;}
.header{ background: url(../images/topBg.jpg) no-repeat center center; height: 139px; position: relative; background-size: cover; position:relative; z-index:20  }
.nav{ float: right; white-space: nowrap; line-height: 75px; height: 75px; margin-top: 64px; }
.nav li{ float: left; position: relative; margin-left: 34px; }
.nav_a{ line-height: 71px; position: relative; font-size: 16px; display:inline-block; color:#fff; }
.nav_a:after{content:""; width:0%; height:1px; background:#fff; position:absolute; left:50%; bottom:13px; transition:all 0.5s ease-in-out;}
.nav_a.on:after,.nav li:hover .nav_a:after{left:0; width:100%;}
.nav_a:hover,.nav_a.on,.nav li:hover .nav_a{ color:#fff;}
.headr_ser { font-size: 14px; line-height: 34px; color: #FFFFFF; height: 36px; width: 97px; background: url(../images/top_seri.png) no-repeat 20px center; padding-left: 47px; border: 1px solid rgba(255,255,255,0.3); float: right; transition: all 0.2s ease-in-out; position: absolute; top: 28px; right: 15px; }
.headr_ser:hover{ background: #1679cf url(../images/top_seria.png) no-repeat 20px center; color: #FFF; border: 1px solid #1679cf; }
.header .container{position:relative;}
.goHome_pc{ background:#1679cf; height: 36px; width: 129px; right: 127px; top: 28px; color: #FFF; font-size: 14px; line-height: 34px; text-align: center; display: block; position: absolute; border: 1px solid #1679cf; }
.goHome_pc:hover{ background: #1679cf; color: #FFF; border:1px solid #1679cf; }
.footer { background: #0f6cbc url(../images/bomBg.jpg) no-repeat right bottom;color:#fff; background-size:cover; }
.footerTop { padding: 42px 360px 10px 0px; position: relative; }
.foot_item{overflow:hidden; padding-bottom:36px;}
.foot_item strong { line-height: 40px; float: left; height: 40px; position: relative; font-size: 16px; font-weight: normal; color: #FFF; }
.foot_item strong:after{ content: ""; background: #9FC4E4; height: 1px; width: 34px; position: absolute; left: 0px; bottom: -4px; }
.footer_links{ margin-left: 118px; line-height: 40px; color: #9FC4E4; font-size: 16px; }
.footer_links span{margin:0 18px; display:inline-block;}
.footer a{color:#fff;}
.footer a:hover{text-decoration:underline;}
.footer_links p{display:inline-block; margin-right:30px; white-space:nowrap; color:#fff;}
.footer_logo{position:absolute; right:0; top:50%; transform:translateY(-50%); opacity:0.7}
.webInfo{background:rgba(0,0,0,0.6); line-height:28px; padding:16px 0; color:#a9a9a9; font-size:14px;}
.webInfo .fl p{display:inline;}
.webInfo .fl a{color:#a9a9a9;}
.foot_sina { background: url(../images/foot_i1.png) no-repeat center center; height: 24px; width: 24px; float: left; margin-right: 20px; position: relative; opacity:0.7 }
.foot_wx { background: url(../images/foot_i2.png) no-repeat center center; height: 24px; width: 24px; float: left; position: relative; opacity:0.7 }
.foot_sina:hover,.foot_wx:hover{opacity:1;}
.foot_sina span,.foot_wx span{ width:120px; height:120px; position:absolute; left:50%; margin-left:-60px; bottom:38px; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(-10px); visibility:hidden;}
.foot_sina span:before,.foot_wx span:before{content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; position:absolute; left:50%; margin-left:-10px; bottom:-10px;}
.foot_sina:hover span,.foot_wx:hover span{opacity:1; visibility:visible; transform:translateY(0);}
.serLayer{ background: #fff; position: absolute; left: 0; z-index: 25; width: 100%; box-shadow: 0 5px 8px rgba(0,0,0,0.1); padding: 49px 0px 57px; }
.serLayerCon{ max-width:1000px; margin:0 auto;}
.serLayer_st { color: #333; font-size: 18px; line-height: 30px; margin-bottom: 22px; }
.serIntBox { height: 51px; position: relative; }
.serIntBox input{ background: url(../images/sericon2.png) no-repeat left; padding-left: 47px; font-size: 22px; font-weight: 100; color: #000; line-height: 50px; height: 51px; border-bottom: 1px solid #DDDDDD; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; width: calc(100% - 108px); }
.serIntBox button{ font-size: 18px; line-height: 44px; color: #FFF; background: #363636; text-align: center; display: block; position: absolute; height: 44px; width: 88px; bottom: 0px; right: 0px; border:none; cursor:pointer}
.subNavWpr{ width:230px; position:absolute; left:50%; margin-left:-115px; top:60px; padding-top:15px; transition:all 0.3s ease-in-out; opacity:0; visibility:hidden; transform:translateY(8px);}
.nav li:hover .subNavWpr{opacity:1; visibility:visible; transform:translateY(0);}
.subNav{ background:#f6f6f6; border-radius:0.4em; box-shadow:0 5px 25px rgba(0,0,0,0.1); position:relative; overflow:hidden}
.subNavWpr:before{content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:12px solid #f6f6f6; position:absolute; left:50%; margin-left:-10px; top:3px;}
.nav_a2{ display: block; text-align: center; line-height: 50px; height: 52px; border-top: 1px solid #FFF; border-bottom: 1px solid #E6E6E6; font-size: 16px; position:relative }
.subNav dd:first-child .nav_a2{border-top:none;}
.subNav dd:last-child .nav_a2{border-bottom:none;}
.nav_a2:hover{ color: #004ea2; }
.nav_a2:before{content:""; transition:all 0.5s ease-in-out; width:6px; height:6px; background:#D8D8D8; border-radius:50%; position:absolute; left:22px; top:50%; margin-top:-3px;}
.nav_a2:hover:before{background:#004ea2;}

.qc_pubT { color: #3769b9; position: relative; }
.qc_pubT p { font-size: 12px; text-transform: uppercase; line-height: 26px; font-weight:normal }
.qc_pubT strong { font-size: 30px; font-weight: normal; display: block; line-height: 47px; }
.qc_pubT strong span{display:inline-block; position:relative; font-weight:bold;}
.qc_pubT strong span:after{ content: ""; background: #3769b9; height: 1px; width: 69px; position: absolute; top: 50%; right: -100px; }
.qc_pubT a{ line-height: 36px; height: 38px; width: 150px; text-align: center; display: inline-block; border: 1px solid #3769b9; font-size: 14px; color: #3769b9; position: absolute; right: 0px; top: 26px; }
.qc_pubT a:hover{ color: #FFF; background: #3769b9; }
@media (max-width:1799px){
.logo_sub{margin-top:45px;}
.goHome_pc,.headr_ser{top:30px;}
.nav{margin-top:75px; height:50px; line-height:52px;}
.header{height:140px;}
.nav_a{line-height:40px;}
.nav_a:after{bottom:4px;}
.subNavWpr{top:40px;}
.qc_pubT strong{font-size:26px;}
}
@media (max-width:1199px){
.nav li{margin-left:9px;}
}
@media (max-width:993px){
.footer_logo{display:none}
.footerTop{padding-right:0;}
.webInfo .fr{ padding-right:50px;}
.logo,.logo_sub{display:none;}
.webTrx{float:none; width:100%; text-align:center;margin-top:22px;}
.webTop{height:64px;}
.webTrx a{margin:0 15px;}
.serLayer{top:56px; padding:20px 30px 28px; position:fixed;}
.serLayer_st { font-size: 16px; line-height: 28px; margin-bottom: 15px; }
.serIntBox button{line-height:40px; font-size:16px; height:40px; }
.serIntBox input{font-size:18px; padding-left:35px;}
}
@media (max-width:767px){
.webTrx{margin-top:16px;}
.webTop{height:56px;}
.foot_item strong{font-size:14px; line-height:30px;}
.footer_links{margin-left:74px;}
.footer_links{font-size:14px; line-height:30px;}
.footer_links span{margin:0 4px;}
.foot_item{padding-bottom:15px;}
.footerTop{padding-bottom:20px;}
.serIntBox input{font-size:16px;}

.qc_pubT strong{font-size:22px; line-height:40px;}
.qc_pubT a{width:128px; top:18px;}
.qc_pubT strong span:after{ width: 50px;right: -65px; }
}


.hmFocusWpr{position:relative;}
.qcFocusWpr{position:relative; clear:both}
.pqcFocus{position:relative;}
.qcFocus .slick-prev{ background:rgba(0,0,0,0.5) url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 138px; width: 70px; position: absolute; left: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -120px; z-index:5; transition:all 0.5s ease-in-out }
.qcFocus .slick-next{ background:rgba(0,0,0,0.5) url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 138px; width: 70px; position: absolute; right: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -120px; transform:rotate(180deg); transition:all 0.5s ease-in-out}
.qcFocus .slick-prev:hover,.qcFocus .slick-next:hover{ background:rgba(0,0,0,0.7) url(../images/fsBtn.png) no-repeat center center; }
.qcFocus_item{position:relative;}
.qcFocus_item img{width:100%; height:auto;}
.qcFocus .slick-dots{bottom:0; width:100%; max-width:1444px; position:absolute; left:50%; transform:translateX(-50%); z-index:2;display: flex; justify-content: space-between;}
.qcFocus .slick-dots li button{display:none;}
.qcFocus .slick-dots li { width:100%; background:rgba(0,0,0,0.7); margin-right:1px; margin-left:0; height:10px; overflow:hidden}
.qcFocus .slick-dots li.slick-active{ background:rgba(154,0,0,0.5)}
.hmBtxt{position:absolute; left:50%; width:100%; max-width:1080px; padding:0 15px; top:50%; transform:translate(-50%,-50%); z-index:2; color:rgba(53,118,186,0.6); padding-bottom:20px; font-size: 30px; line-height: 58px;}
.hmBtxt strong{ font-size: 40px; line-height: 66px; display: block; }
.hmBtxt p{ font-size: 30px; line-height: 58px; }
.qcFocus .slick-dots{bottom:80px; text-align:center; display:block!important}
.qcFocus .slick-dots li button{display:none;}
.qcFocus .slick-dots li { background: rgba(0,0,0,0.4); display: inline-block!important; height: 13px; width: 13px; margin: 0px 12px; position: relative; border-radius:50%; vertical-align:middle; transition:all 0.5s ease-in-out; border:8px solid rgba(0,0,0,0)}
.qcFocus .slick-dots li.slick-active{ width:23px; height:23px; background:rgba(255,255,255,0); border:8px solid rgba(0,0,0,0.4)}
@media (max-width:993px){
.hmFocusWpr:before{content:""; height:56px; display:block}
}
@media (max-width:767px){
.qcFocus .slick-dots{bottom:60px;}
.qcFocus .slick-dots li {height: 6px; width: 6px; margin: 0px 8px; }
.qcFocus .slick-dots li.slick-active{ width:16px; height:16px; background:rgba(255,255,255,0); border:5px solid rgba(0,0,0,0.4)}
}


/*video layer*/
.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:80}
.m2layerClose {position: fixed;width: 30px;height: 30px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 82; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 30px;height: 2px;background: #fff;position: absolute;top: 15px;}
.m2layerClose:before {left: 0;transform: rotate(45deg);}
.m2layerClose:after {left: 0;transform: rotate(135deg);}
.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:85;}

@media (max-width:767px){
.m2Lay_video{max-height: 90vw;max-width: 90vw;}
.m2layerClose{right:15px;}
}

.hmCon2{ background: url(../images/hmc2bg.jpg) no-repeat center center; background-size: cover; padding-bottom: 3.88vh; }
.hmc2Box{ background: #fff; transform: translateY(-48px); position: relative; z-index: 3; padding: 4.16vh 3.38vw 5.09vh; }
.hmc2ul{padding-top:3px; margin-bottom:18px;}
.hmc2ul li { height: 80px; position: relative; }
.hmc2tm { text-align: center; height: 56px; margin-top: -28px; position: absolute; left: 0px; top: 50%; line-height: 22px; font-family: Georgia; font-size: 14px; }
.hmc2tm span{ display: block; line-height: 34px; font-size: 36px; }
.hmc2ul li p{ position: absolute; left: 85px; top: 50%; right: 0px; transform: translateY(-50%); font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; }
.hmc2a { display: block; color: #666; }
.hmCon3 { background: url(../images/hmc3bg.jpg) no-repeat center center; padding: 6.29vh 0px 6.77vh; background-size:cover; }
.hmc2more{ font-size: 14px; line-height: 38px; color: #FFF; background: #3A69B9; height: 38px; width: 150px; text-align: center; display: inline-block; }
.hmc2more:hover{color:#fff; transform:translateY(-3px); box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.hmc2ul2{ margin-bottom:18px; margin-top:20px;}
.hmc4u2{padding-top:5px;}
.hmc4u2 li { height: 84px; position: relative; width:50%; padding-left:58px; float:left }
.hmc4tm { text-align: center; height: 56px; margin-top: -28px; position: absolute; left: 0px; top: 50%; line-height: 22px; font-family: Georgia; font-size: 14px; opacity:0.6}
.hmc4tm span{ display: block; line-height: 34px; font-size: 36px; }
.hmc4a p{ position: absolute; left: 85px; top: 50%; right: 0px; transform: translateY(-50%); font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; }
.hmc4a { display: block; }
.hmc2Lx { float: left; position:relative; padding-right:120px; width:calc(100% - 375px); }
.hmc2Lx:after{ content: ""; background: #E3EAF0; width: 1px; position: absolute; right: 60px; top: 87px; bottom: 70px; }
.hmc2Rx{width:375px; float:right;} 
.hmc2laBox{display:block; margin-top:14px;}
.hmc2laBox .overflowHide{height:224px;}
.hmc2ul2 li:nth-child(4){ margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #E3EAF0; }
.hmc2a2{ display: block; font-size: 16px; padding: 0px 120px 0px 28px; position: relative; }
.hmc2a2:before{ content: ""; background: #C4C4C4; display: block; height: 6px; width: 6px; position: absolute; left: 0px; top: 19px; }
.hmc2a2 span{ display: inline-block; position: absolute; top: 0px; right: 0px; line-height: 44px; transition:all 0.5s ease-in-out; opacity:0.6 }
.hmc2a2 div.ellipsis{ height: 44px; line-height: 44px; overflow: hidden;}
.hmc2a2:hover span{opacity:1;}
.hmCon3 .qc_pubT{color:#fff;}
.hmCon3 .qc_pubT a{border: 1px solid #FFF; color:#fff; }
.hmCon3 .qc_pubT a:hover{ background: #FFF; color: #3769b9; }
.hmc3ul{margin:30px -15px 0;}
.hmc3ul li{float:left; width:26%; padding:0 15px; margin-bottom:27px;}
.hmc3ul li:nth-child(1){ width:48%;}
.hmc3aBox .overflowHide{height:170px;}
.hmc3ul li:nth-child(1) .hmc3aBox .overflowHide{height:443px;}
.hmc3txt{ padding: 17px 20px; color: #FFF; background: #283558; font-size: 14px; }
.hmc3txt p{line-height: 24px; color: #FFF; height: 48px; overflow: hidden;  }
.hmc3ul li:nth-child(1) .hmc3txt{ padding: padding-right: 28px; padding: 20px 28px; font-size: 16px; }
.hmCon4{ padding: 7.4vh 0px; }
.hmc4Lx { float: left; width: 415px; }
.hmc4Lx strong { font-size: 26px; line-height: 88px; color: #FFF; background: #363636; height: 88px; padding-left: 40px; font-weight: normal; display: block; position:relative; }
.hmc4Lx strong:after{ content: ""; background: #FFF; height: 17px; width: 17px; display: inline-block; position: absolute; margin-top: -9px; top: 50%; right: 32px; border-radius:50%;}
.hmc4laBox .overflowHide{ height: 438px; }
.hmc4Rx { margin-left: 444px; }
.hmc4more{ font-size: 14px; line-height: 42px; color: #FFF; background: #3A69B9; height: 42px; width: 380px; text-align: center; display: block; margin:34px auto 0;}
.hmc4more:hover{color:#fff; transform:translateY(-3px); box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.hmCon5 { background: #E5EFF9; padding: 4.81vh 0px 2.31vh; }
.hmc5ul { margin-right: -30px; margin-left: -30px; margin-top: 3.33vh; }
.hmc5ul.clearfix li { padding: 0px 30px; margin-bottom: 3.88vh; float: left; width: 50%; }
.hmc5aBox.scaleImg .overflowHide { height: 147px; float: left; width: 240px; }
.hmc5rxt { margin-left: 275px; }
.hmc5tm { line-height: 20px; margin-bottom: 14px; font-size: 16px; color: #888888; }
.hmc5rxt strong { font-weight: normal; display: block; font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 12px; }
.hmc5rxt p { font-size: 14px; color: #3769b9; line-height: 26px; }
.hmCon6{ padding: 5.55vh 0px 7.4vh; }
.hmc6ul { margin: 3.7vh -19px 0px; }
.hmc6ul.clearfix li { padding: 0px 19px; float: left; width: 33.33%; }
.hmc6aBox.scaleImg .overflowHide { height: 324px; }
.hmc6aBox.scaleImg .overflowHide:before{content:""; background:rgba(0,0,0,0.5); z-index:1; position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out;}
.hmc6aBox.scaleImg .overflowHide:after{ content: ""; background: url(../images/hmc5_icon.png) no-repeat center center; display: inline-block; height: 72px; width: 72px; margin-top: -66px; margin-left: -36px; position: absolute; z-index: 2; left: 50%; top: 50%; }
.hmc6tnm{ background:rgba(0,0,0,0.6); position:absolute; left:0; width:100%; padding:16px 24px; bottom:0; z-index:3;}
.hmc6tnm p{ font-size: 16px; line-height: 24px; color: #FFF; height: 48px; overflow: hidden; }
.hmc6aBox.scaleImg:hover .overflowHide:before{ background:rgba(0,0,0,0.3);}
@media (max-width:993px){
.hmc2Lx{width:100%; padding-right:0; margin-bottom:30px; float:none}
.hmc2Lx:after{display:none;}
.hmc2Rx{width:100%; float:none; float:none;}
.hmc3ul li{width:50%;}
.hmc3ul li:nth-child(1){width:100%;}
.hmc4Lx{width:100%; float:none; margin-bottom:30px;}
.hmc4Rx{margin-left:0;}
.hmc5ul.clearfix li{width:100%;}
}
@media (max-width:767px){
.hmBtxt{font-size: 20px; line-height: 30px;}
.hmBtxt strong{ font-size: 26px; line-height: 36px;}
.hmBtxt p{ font-size: 20px; line-height: 30px; }
.hmc2laBox .overflowHide{height:142px;}
.hmc2a2 span{display:none;}
.hmc2a2{padding:0px 0px 0px 19px;}
.hmc2a2{font-size:15px;}
.hmc2ul li p{font-size:15px; left:70px;}
.hmc3ul li{width:100%;}
.hmc3ul li:nth-child(1) .hmc3txt{font-size:14px; line-height:24px; padding:17px 20px;}
.hmc3ul li:nth-child(1) .hmc3aBox .overflowHide{height:270px;}
.hmc4Lx strong { font-size: 22px; line-height: 68px; height: 68px; padding-left: 25px; }
.hmc4Lx strong:after{ height: 13px; width: 13px; margin-top: -6px; right: 25px; }
.hmc4laBox .overflowHide{ height: 320px; }
.hmc4Lx{margin-bottom:0;}
.hmc4u2 li{width:100%; padding-left:50px}
.hmc4a p{font-size:15px; left:70px;}
.hmc4more{width:100%;}
.hmc5aBox.scaleImg .overflowHide{width:100%; float:none; height:200px; margin-bottom:20px;}
.hmc5rxt{margin-left:0;}
.hmc5rxt strong{height:auto; font-size:15px; line-height:24px;}
.hmc6ul{margin-left:0; margin-right:0;}
.hmc6ul.clearfix li{padding:0; width:100%; margin-bottom:20px;}
.hmc6aBox.scaleImg .overflowHide:after{ height: 50px; width: 50px; margin-top: -45px; margin-left: -25px; background-size:cover;}
.hmc6tnm p{font-size:15px;}
}


.m2banner .bgImg { height: 320px; }
.qcPos { font-size: 14px; color: #666; line-height: 30px; padding-left: 28px; background: url(../images/qc_psi.png) no-repeat left center; }
.qcPos_a { color: #3666b4; }
.qcPos span { background: url(../images/qc_psi2.png) no-repeat center center; display: inline-block; height: 12px; width: 5px; margin: 0px 8px; }
.qcPos *{vertical-align:middle;}
.qcPosWpr { padding: 30px 0px 10px; border-bottom: 1px solid #ECECEC; }
.qcMenu2 { text-align: center; padding-top: 5.74vh; }
.qcMenu2_a { text-align: center; padding: 0px 35px; font-size: 14px; line-height: 34px; height: 36px; min-width: 150px; border: 1px solid #3666b4; margin: 0px 32px 10px; border-radius: 1.8em; display: inline-block; color: #3666b4; }
.qcTcul li { padding: 0px 15px; margin-bottom: 30px; }
.qcTc_aBox.scaleImg .overflowHide { height: 294px; }
.qcTc_btxt { padding: 4px 25px 0px; height: 124px; background:#fff; }
.qcTc_btxt strong { font-size: 16px; line-height: 47px; font-weight: normal; display: block; height: 47px; color: #333; }
.qcTc_btxt strong span { font-size: 14px; color: #999999; display: inline-block; margin-left: 15px; }
.qcMenu2_a:hover,.qcMenu2_a.on{ color: #FFF; background: #3666b4; }
.qcTcul { margin: 30px -15px 12px; }
.qcTc_btxt p{ font-size: 14px; line-height: 24px; color: #666666; height: 24px; overflow: hidden; }
.qcTc_aBox{display:block;}
.qcTc_aBox:hover{transform:translateY(-8px); box-shadow:0 15px 25px rgba(0,0,0,0.08);}
@media (max-width:993px){
.m2banner .bgImg{height:225px;}
.qcMenu2_a { padding: 0px 25px; min-width: 100px; margin: 0px 10px 10px; }
}
@media (max-width:767px){
.m2banner .bgImg{height:180px;}
.qcMenu2_a { padding: 0px 20px; min-width: 60px; margin: 0px 5px 10px; }
}

.m2page { text-align: center; margin-bottom: 7.4vh; font-family: "微软雅黑"; }
.m2page *{vertical-align:middle;}
.m2page li { display: inline-block; }
.m2page li a { border: 1px solid #DDDDDD;font-size: 18px; line-height: 44px; color: #3769b9; text-align: center; padding: 0px 10px; height: 46px; min-width: 44px; margin-left: -1px; font-weight: 100; display: inline-block; }
.m2page li.active a,.m2page li a:hover{ color: #FFF; background: #3769b9; border: 1px solid #3769b9; position: relative; }
.m2page li:first-of-type a{ border-top-left-radius:0.3em; border-bottom-left-radius:0.3em; }
.m2page li:last-child a{ border-top-right-radius:0.3em; border-bottom-right-radius:0.3em; }

.m2qcContent{position:relative; z-index:2;}
.m2qcClx { float: right; width:calc(100% - 360px); }
.m2qcCrx{width:315px; float:left; margin-top:-78px;}
.qc_bigt { font-size: 40px; line-height: 60px; display: block; padding-top: 5.09vh; }
.qc3_info { padding: 1.85vh 0px 2.59vh; border-bottom: 1px solid #E8E8E8; font-size: 14px; color: #999999; line-height: 32px; }
.qc3_info span:nth-child(1){ background: url(../images/qc3_i1.png) no-repeat left center; padding-left: 26px;display:inline-block; margin-right:45px; }
.qc3_info span:nth-child(2){ background: url(../images/qc3_i2.png) no-repeat left center; padding-left: 26px;display:inline-block;  }
.qc3editor { font-size: 18px; line-height: 38px; padding: 6.01vh 0px 5.09vh; min-height:510px; }
.qc3Ebox { padding-left: 125px; position: relative; }
.qc3share { padding: 12px 0px 0px 22px; height: 440px; width: 82px; border-right: 1px solid #E8E8E8; position: absolute; left: 0px; top: 6.01vh; }
.qc3Share_1{ background: url(../images/m3fx_1.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-bottom: 10px; }
.qc3Share_2{ background: url(../images/m3fx_2.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-bottom: 10px; }
.qc3Share_3{ background: url(../images/m3fx_3.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-bottom: 10px; }
.qc3Share_4{ background: url(../images/m3fx_4.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; margin-bottom: 10px; }
@media (max-width:1799px){
.qc_bigt { font-size: 32px; line-height: 50px }
.qc3editor { font-size: 16px; line-height: 34px;}
}
@media (max-width:993px){
.m2qcClx{width:100%; float:none;}
.m2qcCrx{ padding-top:60px; width:100%; display:none}
.qc3share{display:none;}
.qc3Ebox{padding-left:0;}
}
@media (max-width:767px){
.qc_bigt{font-size:20px; line-height:34px;}
.qc3editor{font-size:15px; line-height:30px;}
}


.m3menu { background: #fff; margin-bottom: 42px; box-shadow:0 4px 10px rgba(0,0,0,0.1); }
.m3menu h4 { line-height: 78px; padding: 0px 32px; height: 78px; font-size: 24px; color: #FFF; font-weight: bold; display: block; background: #3768b8; position: relative }
.m3menu_a { display: block; height: 58px; font-size: 16px; line-height: 56px; padding: 0; margin: 0 32px; border-bottom: 1px dashed #E3E2E2; position: relative; }
.m3menu_a:before{ content: ""; transition: all 0.5s ease-in-out; background: url(../images/m3mi2.png) no-repeat center center; display: inline-block; height: 11px; width: 10px; margin-top: -5px; position: absolute; top: 50%; right: 26px; opacity:0 }
.m3menu_a.on:before,.m3menu_a:hover:before{opacity:1;}
.m3menu_a.on{color: #3768b8; }
.m3menu a:last-child{border-bottom:none;}
.m2rBox { margin-bottom: 42px; border-top: 4px solid #3768b8; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; padding: 30px 38px 25px; }
.m2rBt { position: relative; height: 70px; }
.m2rBt strong { font-size: 24px; display: block; line-height: 44px; color: #3768b8; font-weight: normal; }
.m2rBt p { font-size: 12px; line-height: 24px; text-transform: uppercase; color: #999999; }
.m2rBt a { display: inline-block; position: absolute; top: 12px; right: 0px; line-height: 32px; font-size: 14px; }
.m2rul{padding-top:18px;}
.m2rul li { padding: 16px 0px 19px; border-top: 1px dotted #ddd; }
.m2rul li a span { background: url(../images/m3ii1.png) no-repeat left center; font-size: 16px; line-height: 22px; color: #999999; height: 22px; margin-bottom: 9px; padding-left: 24px; }
.m2rul li a p { font-size: 16px; line-height: 27px; }
.m2rul li:last-child{padding-bottom:10px;}
.m3page { border-top: 1px dashed #ccc; padding: 22px 0px 7.4vh; }
.m3page li{ width: 50%; float: left; font-size: 16px; line-height: 30px; color: #999999; }
.m3page li:nth-child(2){ text-align:right;}
.m3bomul { margin: 0px -20px 7.03vh; }
.m3bomul li{padding:0 20px; width:33.33%; float:left}
.m3bom_a { display: block; padding: 4px 0px 0px 90px; }
.m3bom_a .ellipsis { font-size: 16px; line-height: 34px; display: block; height: 34px; font-weight: normal; }
.m3bom_a p { font-size: 14px; line-height: 24px; color: #707070; height: 48px; overflow: hidden; }
.m3bom_tm { text-align: center; display: inline-block; line-height: 22px; color: #666666; font-size: 18px; position: absolute; left: 15px; top: 2px; font-family: Georgia; }
.m3bom_tm span{ font-size: 60px; line-height: 50px; margin-bottom: 10px; display: block; }
.m2list1 { padding: 4.44vh 0px 6.11vh; }
.m2list1 li { line-height: 56px; height: 57px; border-bottom: 1px solid #F0F0F0; padding-right: 120px; position: relative; font-size: 16px; }
.m2list1 li .ellipsis{ height:56px; line-height:56px;}
.m2list1 li span{ color: #aaaaaa; display: inline-block; position: absolute; top: 0px; right: 0px; transition:all 0.5s ease-in-out;}
.m2list1 li a:hover span{ color: #3666b4; }
.m2list1 li a{ background: url(../images/m2li1.png) no-repeat 13px center; padding-left: 43px; line-height: 56px; }
.m2list1 li a:hover{ background: url(../images/m2li2.png) no-repeat 13px center; }
.qcOneEditor{ font-size: 18px; line-height: 38px; padding: 5.55vh 0px 11.11vh; }
.m2qcCrx .m2rBox:last-child{margin-bottom:62px;}
@media (max-width:1799px){
.qcOneEditor{ font-size: 16px; line-height: 34px;}
}
@media (max-width:993px){
.m3menu{display:none;}
.m3bomul {display:none;}
}
@media (max-width:767px){
.m2list1 li a{ background: url(../images/m2li1.png) no-repeat 0px center; padding-left: 15px; font-size: 15px;}
.m2list1 li{padding-right:0px}
.m2list1 li span{display:none;}
.m2rBt strong{font-size:24px;}
.m2rBox{padding:20px 15px 25px; margin-bottom:20px}
.m2rul li a p{font-size:15px;}
.m2qcCrx .m2rBox:last-child{margin-bottom:50px;}
.m3page li{width:100%;}
.qcOneEditor{font-size:15px; line-height:30px;}
}


.m2ru3 { padding-top: 5.55vh; margin-bottom: 4.62vh; }
.m2ru3a { line-height: 70px; height: 72px; border: 1px solid #E8E8E8; padding: 0px 145px 0px 40px; display: block; margin-top:-1px; position:relative; }
.m2ru3a:hover{ border: 1px solid #0050A2; z-index:2; }
.m2ru3a .ellipsis { font-size: 16px; line-height: 70px; height: 70px; }
.m2ru3a:before{ content: ""; background: #E8E8E8; display: block; height: 8px; width: 8px; margin-top: -4px; margin-left: 20px; position: absolute; left: 0px; top: 50%; border-radius:50%; transition:all 0.5s ease-in-out;}
.m2ru3a:after{ content: ""; line-height: 70px; background: url(../images/m2u3i1.png) no-repeat center center; height: 70px; width: 91px; position: absolute; top: 0px; right: 0px; border-left: 1px solid #E8E8E8; transition:all 0.5s ease-in-out; }
.m2ru3a:hover:before{ background: #0050A2; }
.m2ru3a:hover:after{ background: url(../images/m2u3i2.png) no-repeat center center; border-left: 1px solid #0050A2; }
@media (max-width:767px){
.m2ru3a:after{display:none;}
.m2ru3{ padding-top:20px; padding-bottom:10px;}
.m2ru3a{padding-right:15px;}
.m2ru3a .ellipsis{font-size:15px; line-height:58px; height:58px}
.m2ru3a{height:60px; line-height:58px;}
}

.m2mu1 { margin: 5.55vh -16px 2.77vh; overflow:hidden }
.m2mu1 li { padding: 0px 16px; margin-bottom: 28px; }
.m2mu1aBox { display: block; padding-bottom: 18px; background:#f7f7f7 }
.m2mu1aBox:hover{transform:translateY(-8px); box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.m2mu1aBox.scaleImg .overflowHide { height: 264px; }
.m2mu1aBox p{ font-size: 16px; line-height: 26px; margin: 10px 20px 0px; height: 52px; overflow: hidden; }
.m2mu1aBox span{ background: url(../images/m3ii1.png) no-repeat left center; margin: 10px 20px 0px; line-height: 20px; display: block; height: 20px; font-size: 16px; color: #999; padding-left: 22px; }


.m2mu2 { padding: 1.8vh 0px 3.7vh; }
.m2mu2 li{ padding: 3.33vh 0px 3.7vh; border-bottom: 1px dashed #C1C1C1; }
.m2mu2a{display:block;}
.m2mu2a strong{ font-size: 16px; line-height: 32px; display: block; height: 32px; font-weight: normal; }
.m2mu2a span{ background: url(../images/m3ii1.png) no-repeat left center; height: 32px; margin-bottom: 6px; padding-left: 28px; color: #888; display: block; font: 100 16px/32px "微软雅黑"; }
.m2mu2a p{ font-size: 14px; line-height: 22px; color: #707070; height: 44px; overflow: hidden; }
@media (max-width:767px){
.m2mu2a p{height:auto;}
}


/*2020-06-16 CSS*/
@media (max-width:992px){
.navFixed{display:none!important;}
}
@media (min-width:993px){
.navFixed{width:100%; position:fixed; z-index:80; background-size:cover; left:0; top:0; height:66px; box-shadow:0 3px 5px rgba(0,0,0,0.1); display:none}
.navFixed .logo img{height:42px; width:auto;}
.navFixed .logo{margin-top:11px; float:left;}
.navFixed .logo_sub{ margin-top:8px;font-size:20px; color: #FFF!important; line-height: 50px; float: left; margin-left: 40px; position: relative; }
.navFixed .logo_sub:before{content:""; width:1px; height:22px; background:rgba(255,255,255,0.4); position:absolute; left:-20px; top:14px;}
.navFixed .nav{margin-top:0; height:66px; float: right; white-space: nowrap; line-height:66px;}
.navFixed .nav_a{ line-height: 66px; position: relative; font-size: 16px; display:inline-block; color:#fff; float:left }
.navFixed .nav_a:after{content:""; width:0%; height:1px; background:#fff; position:absolute; left:50%; bottom:16px; transition:all 0.5s ease-in-out;}
.navFixed .nav_a.on:after,.nav li:hover .nav_a:after{left:0; width:100%;}
.navFixed .subNavWpr{top:51px;}
.navFixed .nav li{ float: left; position: relative; }
}


.m2u2{ margin: 0px -12px 35px; padding-top: 28px; }
.m2u2 li { padding: 0px 12px; margin-bottom: 32px; }
.m2u2_aBox.scaleImg .overflowHide { height: 180px; }
.m2u2_aBox.scaleImg .overflowHide:before{content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.m2u2_aBox.scaleImg .overflowHide:after{ content: ""; background: url(../images/m2mv_btn.png) no-repeat center center; display: inline-block; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; position: absolute; left: 50%; top: 50%; z-index:3;}
.m2u2_aBox{display:block; box-shadow:0 8px 14px rgba(0,0,0,0.2);}
.m2u2Bom { height: 168px; padding: 11px 25px 0px; }
.m2u2Tm { font-size: 16px; color: #b8b8b8; line-height: 55px; }
.m2u2Tm strong { display: inline-block; margin-right: 10px; font-size: 30px; font-weight: normal; }
.m2u2Bom p { font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; }
.m2u2_aBox:hover{transform:translateY(-8px);}
@media (max-width:1199px){
.m2u2Tm{font-size:14px;}
}
@media (max-width:767px){
.m2u2{margin-bottom:20px;}
}