@charset "UTF-8";
.hsBody{background:#f7f7f7;}
.header{ background: #FFF; height: 90px; width: 100%; position: fixed; z-index: 30; box-shadow:0 5px 15px rgba(0,0,0,0.08); padding:0 70px; transition:all 0.5s ease-in-out;}
.topEmpty{height:90px;}
.logo { float: left; margin-top: 20px; position:relative; }
.logo img{transition:all 0.5s ease-in-out;}
.logo .iOpacity{opacity:0; position:absolute; left:0; top:0;}
.headRx { float: right; margin-top: 33px; }
.headRx_a { float: left; height: 26px; width: 26px; margin-left: 40px; display: inline-block; position: relative; }
.headerIcon{display:block; position:relative; height: 26px; width: 26px;}
.headerIcon img{position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.headRx_a:hover .headerIcon img{opacity:0;}
.headRx_a:hover .headerIcon img.iOpacity{opacity:1;}
.headWximg{ position: absolute; left: 50%; top: 75px; transform: translate(-50%,10px); border-radius: 0.3em; box-shadow: 0 5px 8px rgba(0,0,0,0.1); width: 140px; height: 165px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; text-align: center; padding-top: 5px; background:#fff; }
.headWximg p{ font-size: 14px; color: #0157ce; line-height: 22px; margin-top: 3px; }
.headWximg:before{content:""; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; left:50%; margin-left:-10px; top:-10px;}
.headRx_a:hover .headWximg,.headRx_a:hover .headTelnum{opacity:1;  transform:translate(-50%,0px); visibility:visible}
.headTelnum{position:absolute; left:50%; top:75px; transform:translate(-50%,10px); border-radius:0.3em; border:5px solid #fff; box-shadow:0 5px 8px rgba(0,0,0,0.1); width:160px; height:auto; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; font-size:18px; color:#015742; text-align:center; padding:15px 0; text-align:center; background:#fff;}
.headTelnum:before{content:""; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; left:50%; margin-left:-10px; top:-15px;}
.nav{position:absolute; left:50%; top:0; transform:translateX(-50%);}
.nav_a { font-size: 18px; line-height: 90px; display: inline-block; padding: 0px 20px; position:relative }
.nav li{float:left; padding:0 2px}
.nav_a.on{ color: #0157ce; }
.nav_a:after{content:""; width:0%; height:2px; background:#0157ce; transition:all 0.5s ease-in-out; position:absolute; left:50%; bottom:0}
.nav_a.on:after,.nav_a:hover:after{width:100%; left:0;}
.nav li:nth-child(1) .nav_a.on,.nav li:nth-child(1) .nav_a:hover{color:#0c4dab;}
.nav li:nth-child(1) .nav_a:after{ background:#0c4dab; }
.nav li:nth-child(2) .nav_a.on,.nav li:nth-child(2) .nav_a:hover{color:#009F56;}
.nav li:nth-child(2) .nav_a:after{ background:#009F56; }
.headBsicon{opacity:0;}
.inxBan .bgImg{height:77.5vh}
.headerTransparent{background:rgba(255,255,255,0);}
.headerTransparent .nav_a{color:#fff;}
.headerTransparent .nav_a::after{background:rgba(255,255,255,0);}
.headerTransparent .logo img{opacity:0;}
.headerTransparent .logo img.iOpacity { opacity:1;}
.headerTransparent .headerIcon img{opacity:0!important;}
.headerTransparent .headerIcon img.headBsicon{opacity:1!important;}
@media (max-width:1799px){
.nav_a{padding:0 20px; font-size:16px;}
.header{height:76px;}
.topEmpty{height:76px;}
.logo{margin-top:18px;}
.nav_a{line-height:76px;}
.headRx{margin-top:25px;}
}
@media (max-width:1379px){
.nav_a{padding:0 18px;}
.header{padding:0 25px;}
}
@media (max-width:1199px){
.nav_a{padding:0 10px;}
.nav{width:528px;}
}
@media (max-width:993px){
.topEmpty{height:56px;}
}


.m2ban_item{position:relative;}
.m2banTxt{ width: 100%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); text-align:center; text-shadow:2px 2px 6px rgba(0,0,0,0.8);}
.m2banTxt strong{ display: block; font-size: 50px; font-weight: normal; line-height: 66px; text-align: center; color: #FFF; }
.m2BanSwiper .slick-prev{ background: url(../images/m2banprev.png) no-repeat center center; display: inline-block; height: 40px; width: 24px; position: absolute; left: 75px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; z-index:5; }
.m2BanSwiper .slick-next{ background: url(../images/m2bannext.png) no-repeat center center; display: inline-block; height: 40px; width: 24px; position: absolute; right: 75px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; }
.mRtools{ width:60px; position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:30;}
.mRtools_ask{ background:#262626; line-height:16px; padding:14px; height:60px; text-align:center; color:#fff; display:block;}
.mRtools_ask:hover{ background:#2D72E0; color:#fff;}
.mRtools_backTop{ background: #262626 url(../images/backtop.png) no-repeat center center; height: 61px; text-align: center; color: #fff; display: block; border-top:1px solid #888; }
.mRtools_backTop:hover{ background: #2d72e0 url(../images/backtop.png) no-repeat center center; }
.mRtools_tel{ background: #262626 url(../images/tel_icon.png) no-repeat center center; height: 61px; text-align: center; color: #fff; display: block; border-top:1px solid #888; position:relative; }
.mRtools_tel:hover{ background: #2d72e0 url(../images/tel_icon.png) no-repeat center center; }
.mRtools_tel span{ font-size: 20px; line-height: 60px; color: #FFF; background: #2d72e0; display: inline-block; padding: 0px 25px; height: 60px; position: absolute; top: 0px; right: 74px; border-radius:0.3em; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-15px); white-space:nowrap}
.mRtools_tel span:after{content:""; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #2d72e0; position:absolute; right:-8px; top:50%; margin-top:-8px;}
.mRtools_tel:hover span{opacity:1; visibility:visible; transform:translateX(0)}
.mRtools_qq{ background: #262626 url(../images/qq.png) no-repeat center center; height: 61px; text-align: center; color: #fff; display: block; border-top:1px solid #888; position:relative; }
.mRtools_qq:hover{ background: #2d72e0 url(../images/qq.png) no-repeat center center; }
.mRtools_qq span{ font-size: 20px; line-height: 60px; color: #FFF; background: #2d72e0; display: inline-block; padding: 0px 25px; height: 60px; position: absolute; top: 0px; right: 74px; border-radius:0.3em; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-15px); white-space:nowrap}
.mRtools_qq span:after{content:""; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #2d72e0; position:absolute; right:-8px; top:50%; margin-top:-8px;}
.mRtools_qq:hover span{opacity:1; visibility:visible; transform:translateX(0)}
.mRtools_wx{ background: #262626 url(../images/wx.png) no-repeat center center; height: 61px; text-align: center; color: #fff; display: block; border-top:1px solid #888; position:relative; }
.mRtools_wx:hover{ background: #2d72e0 url(../images/wx.png) no-repeat center center; }
.mRtools_wx span{width: 100px; font-size: 20px; line-height: 60px; color: #FFF; background: #2d72e0; display: inline-block; padding: 0px; height: 100px; position: absolute; top: 0px; right: 74px; border-radius:0.3em; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-15px); white-space:nowrap}
/* .mRtools_wx span:after{content:""; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #2d72e0; position:absolute; right:-8px; top:50%; margin-top:-8px;} */
.mRtools_wx:hover span{opacity:1; visibility:visible; transform:translateX(0)}
.redBody .mRtools_ask:hover,.redBody .mRtools_tel:hover,.redBody .mRtools_qq:hover,.redBody .mRtools_backTop:hover,.redBody .mRtools_tel span,.redBody .mRtools_qq span{ background-color:#0c4dab}
.redBody .mRtools_tel span:after{ border-left:8px solid #0c4dab;}
.redBody .mRtools_qq span:after{ border-left:8px solid #0c4dab;}
.greenBody .mRtools_ask:hover,.greenBody .mRtools_tel:hover,.greenBody .mRtools_qq:hover,.greenBody .mRtools_backTop:hover,.greenBody .mRtools_tel span,.greenBody .mRtools_qq span{ background-color:#298a5e}
.greenBody .mRtools_tel span:after{ border-left:8px solid #298a5e;}
.greenBody .mRtools_qq span:after{ border-left:8px solid #298a5e;}
@media (max-width:1799px){
.m2banTxt strong{font-size:42px;}
}
@media (max-width:993px){
.m2banTxt strong{font-size:32px;}
.m2BanSwiper .slick-prev{left:25px;}
.m2BanSwiper .slick-next{right:25px;}
}
@media (max-width:767px){
.mRtools_tel span{display:none;}
.mRtools{width:50px; top:auto; transform:translateY(0); bottom:98px;}
.mRtools_ask{width:50px; height:50px; padding-left:0; padding-right:0; padding-top:9px;}
.mRtools_tel,.mRtools_backTop{width:50px; height:50px;}
.m2BanSwiper {width:600px; position:relative; left:50%; transform:translateX(-50%);}
.m2banTxt{width:300px;}
.m2banTxt strong{ font-size:24px;}
.m2BanSwiper .slick-prev{left:120px;}
.m2BanSwiper .slick-next{right:120px;}
}


.m2lxBox{ position:relative;}
.m2lxMap{ width:calc(100% - 625px); position:absolute; left:0; top:0; bottom:0}
.m2lxBrx{ width: 625px; float: right; padding: 4.27vw 4.94vw 4.58vw; background: url(../images/m2lxbg.jpg) no-repeat left top; background-size:cover; }
.amap-info-content {transform:translate(30px,25px);}
.amap-info-outer, .amap-menu-outer {box-shadow: none!important;}
.amap-info-content {background: none;}
.amap-info-close {right:52px!important;top: 16px!important;}
.bottom-center .amap-info-sharp{display:none;}
.inxMapLayer { background: url(../images/inx7info.png) no-repeat; height: 139px; width: 455px; padding: 14px 50px 0px 170px; }
.inxMapLayer strong{ line-height:62px; text-align:center; display:block; font-size:20px; color:#2b72e0}
.m2cmCon1{ padding: 9.11vw 0px 8.33vw; background:url(../images/m2cm_bg1.jpg) no-repeat center center; }
.m2cmCon1 .txtBox-wp{ float: left; width: 50%; padding-right:2.08vw; font-size:16px; line-height:30px; color:#666; }
.m2cmCon1 .picBox-wp{ float:right; width:50%; padding-left:2.08vw; }
.m2cmCon1 .txtBox h6 { font-size: 48px; line-height: 52px; margin-bottom: 13px; display: block; color:#333; }
.m2cmCon1 .txtBox h6 strong{ font-weight: 600; }
.m2cmCon1 .txtBox h5 { font-size: 24px; line-height: 38px; margin-bottom: 60px; font-weight: normal; display: block; position: relative; color:#333; }
.m2cmCon1 .txtBox h5:after{ content: ""; background: #2D72E0; height: 2px; width: 30px; position: absolute; left: 0px; bottom: -25px; }
.m2cmImg{position:relative;}
.m2cmImg img{position:relative;}
.m2cmImg:before{ content: ""; background: #F7F7F7; position: absolute; bottom: -10px; top: 80px; left: -10px; right: 10px; }
.m2cmCon2 { background: url(../images/m2cm_bg2.jpg) no-repeat fixed center center; background-size: cover; height: 17.96vw; position: relative; }
.m2cmCon2 p{ font-size: 26px; line-height: 48px; color: #FFF; padding:0 15px; max-width: 800px; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center}
.m2cmCon3 { padding: 5.25vw 0px 4.52vw; }
.m2pubTbox { text-align: center; }
.m2pubTbox strong { font-size: 38px; line-height: 54px; display: block; }
.m2pubTbox p { text-transform: uppercase; font: 18px/32px din; }
.m2cmc3ul { margin: 2.08vw -9px 0px; }
.m2cmc3ul.clearfix li { padding: 0px 9px; float: left; width: 20%; }
.m2cmc2aBox.scaleImg .overflowHide { height: 260px; }
.m2cmc2aBox.scaleImg .overflowHide:after{content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.5s ease-in-out;}
.m2cmc2aBox.scaleImg:hover .overflowHide:after{ background:rgba(1,87,206,0.8);}
.m2cm_layer{width:100%; text-align:center; padding:0 15px; position:absolute; left:0; top:50%; z-index:1; transform:translateY(-50%);}
.m2cm_layer p{ font-size: 18px; color: #FFF; line-height: 26px; }
.m2cmicon{ display: inline-block; margin-bottom: 0px; transition:all 0.5s ease-in-out; height:0; overflow:hidden; opacity:0;}
.m2cmicon img{transform:scale(1)!important;}
.m2cmc2aBox.scaleImg:hover .m2cmicon{height:50px; margin-bottom:10px; opacity:1;}
.m2cmc4item .bgImg { height: 37.6vw; }
.m2cmc4item { position: relative; }
.m2lxBrx .m2pubTbox { text-align: left; }
.m2cmc4Lyaer{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.m2cmc4Lyaer .container{position:relative; height:100%;}
.m2cmc4Txts{position:absolute; height:100%; width:50%; right:15px; top:0; background:rgba(1,87,206,0.8); color:#fff; opacity:0; transition:all 0.5s ease-in-out; transform:translate(-150px,0);}
.m2cmc4Txt{ color: #FFF; font-size: 17px; line-height: 28px; position: absolute; width: 100%; top: 50%; padding: 0px 4.5vw 0px 6.2vw; transform:translateY(-50%); }
.m2cmc4Txt p{transition:all 0.5s ease-in-out; opacity:0; transform:translate(80px,0);}
.m2cmc4Txt strong{ font-size: 28px; line-height: 40px; display: block; margin-bottom: 8px; letter-spacing: 2px;transition:all 0.5s ease-in-out; opacity:0; transform:translate(80px,0); }
.m2cmCon4 .slick-prev{ background: #0157ce url(../images/m2lx_btn1.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left:calc(50% - 75px); text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 2; bottom: 0px; }
.m2cmCon4 .slick-next{ background: #FFFFFF url(../images/m2lx_btn2.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: calc(50% - 45px); text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 2; bottom: 0px; }
.on .m2cmc4Txt p{opacity:1; transform:translate(0,0); transition-delay:0.55s}
.on .m2cmc4Txt strong{opacity:1; transform:translate(0,0); transition-delay:0.4s}
.on .m2cmc4Txts{opacity:1; transform:translate(0,0);}
.m2lxBrx{ padding: 4.27vw 4.68vw 4.58vw; }
.m2lx_ask { display: inline-block; padding: 0px 42px; font-size: 16px; line-height: 48px; color: #FFF; background: #0158CE; height: 48px; }
.m2lx_ask *{vertical-align:middle;}
.m2lx_ask img{margin-left:20px;}
.m2lx_ask:hover{transform:translateY(-5px); box-shadow:0 5px 8px rgba(0,0,0,0.1); color:#fff;}
.m2lxBtxt{ padding: 50px 0px 35px; position: relative; font-size: 16px; line-height: 30px; color: #666666; }
.m2lxBtxt strong{display:block; color:#444;}
.m2lxBtxt:before{ content: ""; background: #0158CE; height: 3px; width: 40px; position: absolute; left: 0px; top: 20px; }
@media (max-width:1799px){
.m2cmCon1{ padding: 5.61vw 0px 6.33vw;}
.m2cmCon1 .txtBox h6 { font-size: 38px; line-height: 38px; margin-bottom: 10px;}
.m2cmCon1 .txtBox h6 strong{ font-weight: 600; }
.m2cmCon1 .txtBox h5 { font-size: 20px; line-height: 30px; margin-bottom: 45px;}
.m2cmCon1 .txtBox h5:after{ bottom: -18px; }
.m2cmCon1 .txtBox-wp{ font-size:15px; line-height:28px; }
.m2cmCon2 p{ font-size: 20px; line-height: 38px; max-width: 600px;}
.m2cmCon3 { padding: 4.25vw 0px 3.52vw; }
.m2pubTbox strong { font-size: 30px; line-height: 42px;}
.m2pubTbox p { font: 16px/28px din; }
.m2cmc4item .bgImg{height:33.6vw;}
.m2cmc4Txt strong{ font-size: 22px; line-height: 30px;}
.m2cmc4Txt{font-size:15px; line-height:28px;}
.m2lxBtxt{ padding: 35px 0px 30px; font-size: 15px; line-height:26px;}
.m2lxBtxt:before{top:10px;}
.m2lxMap{ width:calc(100% - 525px);}
.m2lxBrx{ width: 525px; padding: 3.67vw 4.94vw 4.58vw; }
}
@media (max-width:993px){
.m2cmCon1{padding:50px 0 70px;}
.m2cmCon1 .txtBox-wp{width:100%; padding-right:0; float:none}
.m2cmCon1 .picBox-wp{width:100%; padding-left:0; float:none; margin-top:25px; text-align:center;}
.m2cmCon2{background-attachment:scroll; height:200px;}
.m2cmCon3{padding:50px 0 70px;}
.m2cmc3ul.clearfix li{width:33.33%; margin-bottom:18px;}
.m2cmc3ul.clearfix li:nth-child(4){margin-left:16.666%;}
.m2cmc4item .bgImg{height:420px;}
.m2cmc4Lyaer .container{width:100%;}
.m2cmc4Txts{right:0;}
.m2lxMap{width:100%; height:450px; position:static;}
.m2lxBrx{width:100%; float:none; padding:50px 35px 70px;}
}
@media (max-width:767px){
.m2cmCon1 .txtBox h6{font-size:28px; margin-bottom:0; line-height:36px;}
.m2cmCon1 .txtBox h5{font-size:18px; line-height:28px;}
.m2cmCon1 .txtBox h5{margin-bottom:36px;}
.m2cmCon2 p{line-height:32px; font-size:18px;}
.m2pubTbox strong{font-size:24px; line-height:32px; font-weight:normal}
.m2cmc3ul{margin:25px -5px 0;}
.m2cmc3ul.clearfix li{width:100%; margin-left:0!important;}
.m2cmCon3{padding-bottom:50px;}
.m2cmc4Txts{width:100%;}
.inxMapLayer{transform:scale(0.6) translate(-30px,30px);}
.m2lxBrx{padding-left:15px; padding-right:15px;}
}


.m2jmCon1{ padding: 3.8vw 0px; }
.m2jm_img { float: left; }
.m2jmc1_txt { margin-left: 730px; font-size: 17px; line-height: 38px; color: #666; padding-top: 55px; }
.m2jmc1_txt strong { font-size: 28px; line-height: 45px; display: block; margin-bottom: 16px; font-weight: normal; color: #333; }
.m2jmul { margin: 0px -13px 3.64vw; }
.m2jmul li { padding: 0px 13px; margin-bottom: 26px; }
.m2jm_aBox { padding: 37px 28px 0px; height: 235px; border: 1px solid #EAEBED; display: block; }
.m2jm_city { line-height: 30px; height: 30px; margin-bottom: 7px; font-size: 16px; color: #92959c; padding-left: 26px; position:relative; }
.m2jm_aBox { color: #444; }
.m2jm_city span{display:inline-block; height:30px; width:12px; position:absolute; left:0; top:0;}
.m2jm_city span img{position:absolute; left:0; top:7px; transition:all 0.5s ease-in-out;}
.m2jm_aBox strong{ font-size: 24px; line-height: 58px; font-weight: normal; display: block; height: 58px; }
.m2jm_aBox p{ font-size: 16px; line-height: 30px; color: #666; height: 60px; overflow: hidden; }
.m2jm_more { font-size: 18px; color: #FFF; line-height: 50px; background: #0158CE; height: 50px; width: 182px; display: inline-block; margin-bottom:1.66vw; }
.m2jmBom { font-size: 20px; line-height: 38px; text-align: center; padding: 0 0px 4.16vw; }
.m2jm_more:hover{transform:translateY(-5px); box-shadow:0 5px 8px rgba(0,0,0,0.1); color:#fff;}
.m2jmBom span{display:inline-block; margin:0 20px;}
.m2jm_aBox:hover{ background:#0157ce;}
.m2jm_aBox *{transition:all 0.5s ease-in-out;}
.m2jm_aBox:hover *{color:#fff;}
.m2jm_aBox:hover .m2jm_city span img{opacity:0}
.m2jm_aBox:hover .m2jm_city span img.iOpacity{opacity:1;}
.m2zwLayerBg{background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:50}
.m2zwLayer{ width: 730px; max-height: 80vh; position: fixed; z-index: 55; background: #fff; border-radius: 0.8em; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 45px 3.54vw 48px; }
.m2zw_colose { background: url(../images/close-2.png) no-repeat center center; display: block; height: 30px; width: 30px; position: absolute; top: 28px; right: 34px; }
.m2zw_bt { height: 48px; line-height: 48px; font-size: 30px; font-weight: normal; display: block; text-align: center; margin-bottom:15px; }
.m2zw_title { font: normal 20px/32px "微软雅黑"; padding-right: 112px; position: relative; }
.m2zw_title strong { font-weight: normal; display: block; }
.m2zw_title span { background: url(../images/m2jm_si1a.png) no-repeat left center; font-size: 16px; line-height: 32px; padding-left: 20px; display: inline-block; position: absolute; top: 0px; right: 0px; }
.m2zwLwpr { max-height: 40vh; overflow: auto; font-size: 16px; line-height: 30px; color: #333; margin-top: 15px; }
.m2zw_btxt { font-size: 16px; line-height: 30px; color: #888888; margin: 25px 0px; }
.m2zw_st { font-size: 16px; color: #888888; line-height: 42px; margin-top: 8px; }
.m2zw_btn{ background: url(../images/m2zw_ar.png) no-repeat 120px center; height: 50px; width: 164px; line-height: 46px; padding-left: 36px; border: 2px solid #0158CE; text-align: left; display: block; margin-left:auto; margin-right:auto; font-size: 16px; color: #0158CE; }
.m2zw_btn:hover{ background: #0158ce url(../images/m2zw_ar2.png) no-repeat 120px center; color: #FFF; border: 2px solid #0158ce; }
.m2zw_colose:hover{transform:rotate(180deg);}
@media (max-width:1799px){
.m2jmc1_txt { margin-left: 720px; font-size: 15px; line-height: 34px; padding-top: 25px; }
.m2jmc1_txt strong { font-size: 24px; line-height: 38px; margin-bottom: 15px;}
.m2jm_aBox strong{ font-size: 20px; line-height: 42px; height: 42px; }
.m2jm_aBox p{font-size:14px; line-height:26px; height:52px;}
.m2jm_aBox { padding: 20px 20px 0px; height: 185px;}
.m2jm_city{margin-bottom:0;}
.m2jmul { margin: 0px -10px 2vw; }
.m2jmul li { padding: 0px 10px; margin-bottom: 20px; }
.m2jmBom { font-size: 18px; line-height: 32px; padding: 0 0px 3.66vw; }
.m2zw_bt { height: 38px; line-height:38px; font-size: 22px; margin-bottom:12px; }
.m2zw_title { font: normal 18px/28px "微软雅黑"; }
.m2zw_title span { background: url(../images/m2jm_si1a.png) no-repeat left center; font-size: 14px; line-height: 28px;}
.m2zwLwpr { max-height: 40vh; overflow: auto; font-size: 14px; line-height: 28px; margin-top: 12px; }
.m2zw_btxt { font-size: 15px; line-height: 28px; margin: 18px 0px; }
.m2zw_st { font-size: 15px; line-height: 32px; margin-top: 6px; }
.m2zw_btn{ background: url(../images/m2zw_ar.png) no-repeat 110px center; height: 44px; width: 144px; line-height: 42px; padding-left: 28px; border: 1px solid #0158CE;  font-size: 14px;}
.m2zwLayer{padding-top:30px;}
}
@media (max-width:1379px){
.m2zwLwpr{height:33vh;}
}
@media (max-width:1199px){
.m2jm_img{float:none; width:670px; margin:0 auto;}
.m2jmc1_txt{margin-left:0; margin-top:25px; text-align:center}
}
@media (max-width:993px){
.m2jmCon1{padding:60px 0}
.m2jmBom{padding-bottom:60px;}
}
@media (max-width:767px){
.m2jm_img{width:100%;}
.m2jmc1_txt{margin-top:0;}
.m2jmc1_txt strong{font-size:20px; line-height:34px;}
.m2jmc1_txt{line-height:30px;}
.m2jmCon1{padding-bottom:30px;}
.m2jmBom{padding-top:15px; font-size:14px; line-height:28px;}
.m2zwLayer{width:auto; left:10px; right:10px; transform:translate(0,-50%);}
.m2zw_title{font-size:16px;}
.m2zw_colose{right:8px;}
.m2jm_more{font-size:16px;}
}


.m2posWpr{ padding: 1.35vw 0px; background: #FFF; box-shadow:0 2px 3px rgba(0,0,0,0.03); position:relative;}
.m2pro { color: #666; font-size: 16px; line-height: 30px; background: url(../images/m2pos_i.png) no-repeat left 5px; padding-left: 32px; }
.m3proTop .txtBox-wp{ float: left; width:50%; padding-right:3.9vw; }
.m3proTop .picBox-wp{ float:right; width:50%; padding-left:3.9vw; }
.m3proTop { background: url(../images/m2pro_bg.jpg) no-repeat center center; padding: 3.38vw 0px 3.16vw; background-size:cover; }
.m3proBimg p { font-size: 20px; line-height: 30px; margin-top: 15px; }
.m3proBimg { text-align: center; width: 100%; }
.m3pro_simg { background: #FFF; height: 75px; width: 75px; border: 1px solid #1E1E1E; display: inline-block; margin-right: 20px; position: relative;border-radius:50%; opacity:0.3; transition:all 0.5s ease-in-out; }
.m3pro_simg.on{ opacity:1;}
.m3pro_simg img{position:absolute; left:50%; top:50%; max-width:70%; max-height:70%; height:auto; width:auto; transform:translate(-50%,-50%); }
.m3pro_pnm { font: 100 40px/44px "微软雅黑"; margin-bottom: 24px; }
.m3pro_pdes { margin-bottom: 32px; font: 100 18px/30px "微软雅黑"; }
.m3proPage { font-size: 20px; line-height: 5vw; height:5vw; border-top: 1px solid #EAEAEA; text-align: center; position:relative; }
.m3proPage:before{ content:""; width:1px; height:3vw; background:#EAEAEA; position:absolute; left:50%; top:50%; transform:translateY(-50%); z-index:2;}
.m3pro_prev,.m3pro_next{float:left; text-align:center; width:50%; position:relative;}
.m3pro_prev:hover,.m3pro_next:hover{ background:#0965ed; z-index:3; color:#fff;}
.m3proTag { padding-top: 1.14vw; background: url(../images/m3tbg.jpg) no-repeat center center; background-size:cover;}
.m3proTag a{ line-height: 3.54vw; font-size: 17px; color: #FFF; display: inline-block; padding: 0px 24px; margin: 0px 18px; border-radius:0.4em 0.4em 0 0; }
.m3proTag a.on{ color: #333; font-weight: bold; background: #FFF; }
.m3proDtl{ display: none; padding: 4.68vw 0px; font-size: 16px; line-height: 28px; }
.m3proDtl.on{display:block;}
@media (max-width:1799px){
.m2posWpr{ padding: 0.85vw 0px;}
.m2pro{font-size:14px;}
.m3proBimg{height:350px; width:410px; margin-bottom:70px}
.m3pro_pnm { font: 100 30px/38px "微软雅黑"; margin-bottom: 16px; }
.m3pro_pdes { margin-bottom: 24px; font: 100 16px/28px "微软雅黑"; }
.m3pro_simg { height: 55px; width: 55px; margin-right: 16px;}
.m3proTag a{font-size:16px;}
.m3proPage{font-size:18px;}
}
@media (max-width:993px){
.m3proTop .txtBox-wp{width:100%; padding-right:0; margin-bottom:25px;}
.m3proTop .picBox-wp{width:100%; padding-left:0; text-align:center;}
.m3proBimg{width:100%; height:auto; text-align:center}
.m3proTop .picBox-wp .picBox{width:100%;}
.m3proTop{padding-top:55px;}
.m3proTag{padding-top:18px;}
.m3proTag a{line-height:40px; height:40px;}
.m3proPage{line-height:56px; height:56px;}
}
@media (max-width:767px){
.m2cmCon1 .txtBox h6,.m2cmCon1 .txtBox h5{text-align:center;}
.m2cmCon1 .txtBox h5:after{left:50%; margin-left:-15px;}
.m2lxBrx .m2pubTbox{ text-align:center;}
.m2lxBtxt:before{left:50%; margin-left:-15px;}
.m2lx_ask{padding:0; width:215px; display:block; margin:0 auto; text-align:center}
.m2pro{font-size:12px;}
.m2posWpr{padding:12px 0;}
.m3proTop{padding-top:35px;}
.m3pro_pnm{font-size:24px; margin-bottom:8px}
.m3pro_pdes{font-size:15px; line-height:24px;}
.m3proBimg{margin-bottom:30px;}
.m3proTag a{margin-left:0; margin-right:8px; padding:0 12px;}
.m3proPage{font-size:16px;}
/*.m3proBimg p{color:#fff};*/
}


.hmBan{position:relative; overflow:hidden}
.hmBan .autoImg{position:relative;}
/*.hmBan .autoImg:after{content:""; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; width:100%; height:100%;}*/
.hmBanTxt{ text-align: center; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #FFF; padding-bottom:2vw; }
.hmBanTxt strong{ font-size: 54px; line-height: 88px; font-weight: bold; letter-spacing: 2px; }
.hmBanTxt p{ font-size: 56px; line-height: 72px; font-weight: 500; margin-top:3.86vw }
.hmBanTxt img{max-height:200px; width:auto;}
.hmBom { background: #0c4dab url(../images/hmbimg.png) no-repeat center bottom; text-align: center; font-size: 40px; line-height: 58px; color: #FFF; letter-spacing: 1px; font-weight: bold; padding: 5.98vw 15px; }
.hmCon2 { background: url(../images/m2cm_bg1.jpg) no-repeat center center; padding: 7.81vw 0px calc(7.81vw + 95px); background-size:100% auto; }
.hmc2Box { position: relative; }
.hmc2Swiper { float: left; height: 525px; width: 709px; position: relative; }
.hmc2Layer { background: #FFF; height: 472px; width: 856px; position: absolute; right: 0px; bottom: -46px; }
.hmc2Ltbox { font-size: 28px; color: #333; line-height: 50px; margin-bottom: 40px; position: relative; }
.hmc2Swiper .slick-prev{ background: #0c4dab url(../images/hmsbtn1.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: 0px; z-index: 1; }
.hmc2Swiper .slick-next{ background: #FFFFFF url(../images/hmsbtn2.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: 0px; z-index: 1; }
.hmc2LayerTxt{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 18px; line-height: 30px; color: #666666; padding: 0px 4.06vw; }
.hmc2Ltbox:after{ content: ""; background: #0c4dab; height: 2px; width: 36px; position: absolute; left: 0px; bottom: -16px; }
.hmc2Ltbox strong{ font-size: 40px; line-height: 48px; display: block; }
.hmc2Ltbox strong span{ color: #0c4dab; }
.hmc2bg{ background: #F7F7F7; height: 566px; width: 770px; position: absolute; top: 52px; left: -130px;}
.hmc2bg span{ font-size: 12px; line-height: 12px; position: absolute; left: 24px; top: 75px; transform: rotate(90deg); color: #999; }
.hmCon1{ position:relative; display:flex;}
.hmc1Item{ background-repeat:no-repeat; background-size:cover; background-position:center bottom; width:50%; float:left; height:90vh; transition:all 0.5s linear; position:relative;}
.hmc1Item.off{width:18vw;}
.hmc1Item.on{ width:82vw;}
.hmc1Title{position:absolute; right:-78px; top:66px; z-index:5;}
.hmc1ProImg{text-align:center; width:34.27vw; transition:all 0.5s linear;}
.hmc1ProImg img{ transition:all 0.5s linear;}
.hmc1Item.off .hmc1ProImg{width:18vw;}
.hmc1Item.on .hmc1ProImg{width:42.27vw;}
.hmc1ProImg img{transition:all 0.5s linear; max-width:96%; max-height:96%; width:auto; height:auto;}
.hmCon1 .hmc1Item:nth-child(1) .hmc1ProImg{position:absolute; right:50%; top:50%; transform:translate(50%,-50%);}
.hmCon1 .hmc1Item:nth-child(2) .hmc1ProImg{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmCon1 .hmc1Item:nth-child(1).on .hmc1ProImg{right:35%; transform:translate(50%,-50%);}
.hmCon1 .hmc1Item:nth-child(2).on .hmc1ProImg{left:35%; transform:translate(-50%,-50%);}
.hmc1Menu{position:absolute; left:3.9vw; top:50%; transform:translateY(-50%); z-index:3; background:#fff; width:24.04vw; box-shadow:0 10px 15px rgba(0,0,0,0.1); transition:all 0.3s ease-in-out; opacity:0; visibility:hidden}
.hmc1Menu dt{ font: 28px/3.05vw din; color: #FFF; background: #093f8d; text-align: center; border-bottom: 2px solid #D5D5D5; }
.hmc1Menu dd{ background: #FFF; padding: 1.23vw 1.56vw 1.23vw 1.97vw; max-height: 700px;overflow-y: auto;}
.hmc1Menu_a{ background: url(../images/mi1.png) no-repeat left 9px; display: inline-block; padding-left: 24px; font: 100 18px/28px "微软雅黑"; }
.hmc1Menu dd p{ padding: 10px 0px;}
.hmc1Menu_a:hover{ color: #115a8d; background: url(../images/mi1a.png) no-repeat left 9px; }
.hmc1Item.on .hmc1Menu{ opacity:1; visibility:visible; transition-delay:0.5s;}
.hmCon1 .hmc1Item:nth-child(2) .hmc1Menu{left:auto; right:3.9vw;}
.hmc1AniBtn:before, .hmc1AniBtn:after {background-color:rgba(255, 255, 255, 0.5);content: '';position: absolute;top: -10px;left: -10px;right: -10px;bottom:-10px;border-radius: 50%;animation: rangeScale 2s linear infinite;opacity: 0;z-index: 2;}
.hmc1AniBtn:after {animation-delay: 1s;}
@keyframes rangeScale {
  from {
    opacity: 1;
    transform: scale(0.6);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.hmc1AniBtn{ position: absolute; height: 110px; width: 110px; top: 50%; right: -55px; margin-top: -55px; z-index: 5; transition:all 0.5s ease-in-out; opacity:0; }
.hmc1AniBtn i{ background: #FFF; height: 79px; width: 79px; position: absolute; left: 50%; top: 50%; z-index: 3; transform:translate(-50%,-50%); border-radius:50%;}
.hmc1AniBtn i img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmCon1 .hmc1Item:nth-child(2) .hmc1AniBtn{right:auto; left:-55px;}
.hmc1Item.on .hmc1AniBtn{opacity:1;}
.hmc1ProImg span{ font-size: 24px; color: #FFF; display: inline-block; line-height: 34px; padding: 0px 45px; height: 48px; position: absolute; left: 50%; bottom: -80px; transform:translateX(-50%); background:rgba(0,0,0,0.25); border-radius:1.8em; transition:all 0.5s ease-in-out; }
.hmc1Item sup{margin-left:5px; transform:scale(0.6)}
.on .hmc1ProImg span,.off .hmc1ProImg span{opacity:0;}
.hmCon1 .hmc1Item:nth-child(2) .hmc1ProImg span{ background:rgba(0,0,0,0.05); color:#333;}
.hmCon1 .hmc1Item:nth-child(2) .hmc1Menu dt{ background:#333;}
.greenBody .hmBanTxt p{margin-top:1.5vw;}
.greenBody .hmBom { background: #298a5e url(../images/hmbimg2.png) no-repeat center bottom;}
.greenBody .hmc2Swiper .slick-prev{background-color:#298a5e;}
.greenBody .hmc2Ltbox strong span{color:#298a5e;}
.greenBody .hmc2Ltbox:after{background-color:#298a5e;}
.greenBody .hmc1Menu dt{ background:#017749;}
.greenBody .hmCon1 .hmc1Item:nth-child(2) .hmc1Menu dt{}
.greenBody .hmc1Menu_a:hover{ color: #298a5e; background: url(../images/mi1a2.png) no-repeat left 9px;}
.greenBody .hmc1Menu{ width:16.66vw; left:9vw;}
.greenBody .hmc1Item:nth-child(2) .hmc1Menu{ right:9vw;}
.greenBody .hmCon1 .hmc1Item:nth-child(1).on .hmc1ProImg{right:37%; transform:translate(50%,-50%);}
.greenBody .hmCon1 .hmc1Item:nth-child(2).on .hmc1ProImg{left:37%; transform:translate(-50%,-50%);}
.greenBody .hmc1ProImg span{line-height:48px; background:rgba(0,0,0,0.05); color:#333;}
.greenBody .hmCon1 .hmc1Item:nth-child(2) .hmc1ProImg span{ background:rgba(0,0,0,0.25); color:#fff;}
.blueBody .hmc2Ltbox strong{ color:#0157ce; font-weight:normal}
.blueBody .hmc2Ltbox:after{background-color:#0157ce;}
.blueBody .hmc2Swiper .slick-prev{background-color:#0157ce;}
.blueBody .hmc1ProImg span{line-height:48px;}
.blueBody .hmc1Menu dt{ background: url(../images/hmc2tbg.jpg) no-repeat center center; background-size:cover;}
.blueBody .hmBanTxt p{margin-top:0;}
.blueBody .hmc1Menu{ width:16.66vw; left:9vw;}
.blueBody .hmc1Item:nth-child(2) .hmc1Menu{ right:9vw;}
.blueBody .hmCon1 .hmc1Item:nth-child(1).on .hmc1ProImg{right:37%; transform:translate(50%,-50%);}
.blueBody .hmCon1 .hmc1Item:nth-child(2).on .hmc1ProImg{left:37%; transform:translate(-50%,-50%);}
@media (max-width:1799px){
.hmBanTxt img{ max-height:120px; width:auto;}
.hmBanTxt p{ font-size: 42px; line-height: 62px; margin-top:2.46vw }
.hmBanTxt strong{ font-size: 44px; line-height: 58px;}
.hmc1Menu dt{font-size:20px;}
.hmc1Menu_a{font: 100 15px/24px "微软雅黑"; background: url(../images/mi1.png) no-repeat left 7px; padding-left: 20px;  }
.hmc1Menu_a:hover{ background: url(../images/mi1a.png) no-repeat left 7px; }
.hmc1Menu dd p{padding: 5px 0px; }
.hmBom{ font-size:36px;}
.hmc2Swiper{width:525px; height:388px;}
.hmc2bg{ height: 410px; width: 640px; top: 32px; left: -70px;}
.hmc2bg span{left: -6px; top: 65px;}
.hmc2Ltbox{font-size:22px; line-height:40px; margin-bottom:32px;}
.hmc2Ltbox strong{ font-size: 28px; line-height: 38px; }
.hmc2LayerTxt{font-size:15px; line-height:28px;}
.hmc2Ltbox:after{bottom:-12px;}
.hmc2Layer { height: 385px; width: 686px; bottom: -26px; }
.hmCon2 { padding: 5.81vw 0px calc(5.81vw + 66px);}
.blueBody .hmc1Menu{width:18.66vw;}
.hmc1ProImg span{font-size:20px;}
}
@media (max-width:1379px){
.hmc1Title{height:56px; right:-64px; width:auto; top:48px;}
}
@media (max-width:1199px){
.hmc1Menu_a{font-size:14px;}
.blueBody .hmc1Menu{width:21vw;}
.greenBody .hmc1Menu{width:20vw;}
}
@media (max-width:993px){
.hmCon1 {padding:0 15px;}
.hmBan .autoImg{width:150%; position:relative; left:50%; transform:translateX(-50%)}
.hmc1Title {display:none;}
.mm2pro_tnm{text-align:center; padding:60px 15px 30px;}
.hmCon1{display:block;}
.hmc1Item{width:100%; padding-top:60px; height:auto!important; padding-bottom:80px;}
.hmc1AniBtn{display:none!important;}
.hmc1Menu{display:block; opacity:1!important; visibility:visible!important; width:60vw!important; position:static!important; transform:translate(0,0)!important; margin:0 auto;}
.hmc1ProImg{position:static!important; transform:translate(0,0)!important; width:80vw; height:auto; margin:0 auto 25px;}
.hmc1Menu dt{line-height:52px; height:52px;}
.hmc1Menu dd{padding:25px 20px;}
.hmc2bg{display:none;}
.hmc2Swiper{width:100%; float:none; height:auto}
.hmc2Layer{position:static; width:100%; transform:translateY(0)}
.hmc2img img{width:100%; height:auto;}
.hmCon2{padding:80px 0 60px;}
.hmc2Layer{height:auto; padding:35px 0;}
.hmc2LayerTxt{ position:static!important; transform:translate(0,0); padding:0}
.hmBom{font-size:28px;}
.hmc1ProImg span{display:none;}
}
@media (max-width:767px){
.hmBan .autoImg{width:800px;}
.hmBanTxt img{max-height:80px;}
.hmBanTxt p{ font-size: 22px; line-height: 32px; margin-top:18px }
.hmBanTxt strong{ font-size: 24px; line-height: 38px;}
.mm2pro_tnm img{height:42px; width:auto;}
.hmc1Item{padding-top:50px; padding-bottom:60px;}
.hmc1Menu{width:80vw!important;}
.hmCon2{padding-top:60px;}
.hmc2Swiper .slick-prev{width:50px; height:50px;}
.hmc2Swiper .slick-next{width:50px; height:50px; left:50px;}
.hmc2Ltbox strong{font-size:24px; line-height:32px;}
.hmc2Ltbox{font-size:20px; line-height:32px;}
.hmCon2{padding-bottom:30px;}
.hmBom{font-size:20px;}
}


.serchBanner{ background: #2b5fe0 url(../images/m3topbg.png) no-repeat center bottom; padding: 10.2vh 0px 12.62vh; }
.search_t { line-height: 75px; font-size: 38px; color: #FFF; text-align: center; }
.searchInputBox { background: #FFF; height: 62px; margin: 22px 0px; position: relative; }
.search_tags { text-align: center; font-size: 18px; color: #FFF; line-height: 56px; }
.searchInputBox input { height: 62px; width: 100%; padding: 0px 82px 0px 25px; color: #2b5fe0; font: 18px/62px "微软雅黑"; }
.searchInputBox button { background: url(../images/m2ser_i1.png) no-repeat center center; display: inline-block; height: 72px; width: 84px; position: absolute; top: 0px; right: 0px; cursor: pointer; }
.searchTags_a { font-size: 18px; padding-left: 34px; position: relative; display: inline-block; margin: 0px 18px; color: #FFF; }
.searchTags_a:before{ content: ""; background: #FFF; height: 24px; width: 24px; margin-top: -12px; border: 4px solid #FFF; position: absolute; left: 0px; top: 50%; border-radius:50%; transition:all 0.2s ease-in-out;}
.searchTags_a:hover{color:#fff;}
.searchTags_a:hover:before,.searchTags_a.on:before{ background:rgba(255,255,255,0);}
.searchKeywords { font-size: 18px; line-height: 32px; padding: 7.4vh 0px 2.03vh; }
.searchKeywords strong { color: #2b5fe0; }
.searchItems { margin-bottom: 10.92vh; }
.searchItems li { padding: 4.81vh 0px; border-bottom: 5px solid #F5F5F5; }
.search_time { font-size: 14px; color: #2b5fe0; line-height: 30px; margin-bottom: 10px; }
.searchItems li strong { display: block; line-height: 34px; font-size: 20px; font-weight: normal; }
.searchItems li p { font-size: 16px; color: #808080; line-height: 28px; margin: 7px 0px 15px; }
.search_link,.search_link:hover { background: url(../images/hmi_si1.png) no-repeat right center; display: inline-block; padding-right: 20px; line-height: 30px; color: #2b5fe0; height: 30px; font-size: 16px; }
.searchItems li a:hover{text-decoration:underline; color:#2b5fe0}
@media (max-width:1799px){
.search_t { line-height: 60px; font-size: 32px;}
.searchInputBox { height: 58px; margin: 16px 0px; }
.searchInputBox input { height: 58px; font: 18px/58px "微软雅黑"; }
.searchTags_a { font-size: 16px; padding-left: 28px; margin: 0px 12px; }
.searchItems li strong{font-size:18px;}
}
@media (max-width:1199px){
.searchTags_a{font-size:16px; margin:0 5px;}
}
@media (max-width:767px){
.search_t{font-size:24px;}
.searchTags_a{font-size:14px; line-height:30px; height:30px;}
.searchTags_a:before{transform:scale(0.8);}
.serchBanner{padding:60px 0;}
.searchItems li p{font-size:14px; line-height:26px;}
.searchItems li{padding:15px 0;}
.searchItems li strong{font-size:15px; font-weight:bold; line-height:28px;}
}
.product{

}
.pro-left{
	width: 20%;
	min-height: 1000px;
	margin-bottom:20px;
	background: url(../images/about_1_03.jpg);
	float: left;
}
.pro-left .title h3{
	font-size: 36px;
	color: #333333;
	margin-top: 0;
	padding-top: 80px;
}

.pro-left .title h3 span{
	font-weight: bold;
}

.pro-left .title h5{
	color: #999;
	font-size: 16px;
	margin-bottom: 20px;
}


.pro-left .title .black{
	height: 6px;
	width: 28px;
	background: #484544;
	float: left;
	margin-bottom: 18px;
}

.pro-left .title .green{
	height: 6px;
	width: 7px;
	background: #8fc33e;
	float: left;
}
.pro-cat ul {
	margin-bottom: 40px;
}
.pro-cat ul li a{
	font-size: 16px;
    font-weight: bold;
	color: #333;
	display: block;
	padding: 14px 5px;
	text-decoration: none;
	border-bottom: 1px solid #d6d6d6;
	width: 260px;
	
}
.pro-cat ul li a:hover{
    color: #036eb8;
    background: #f7f7f7;
}
.pro-cat ul li.on a{
    color: #036eb8;
}
.pro-cat ul li a.on{
    color: #036eb8;
}
.pro-cat ul li:last-child a{
	border:0;
}

.pro-search .input-search{
	border:17px solid #10e6dd;
	border-left:18px solid #10e6dd;
	border-right: 18px solid #10e6dd;
	height: 64px;
	width: 238px;
	text-indent: 10px;
	margin-bottom: 14px;
}

.pro-search .input-button{
	background: #484544;
	height: 36px;
	width: 238px;
	color: #fff;
}

.pro-concat{
	background: #10e6dd;
	width: 238px;
	height: 280px;
	margin-top: 40px;
	padding-top: 20px;
	text-align: center;
}

.pro-concat h5{
	font-size: 24px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.pro-concat a{
	font-size: 14px;
	color: #fff;
	width: 90px;
	height: 24px;
	display: block;
	background: #333;
	border-radius: 15px;
	line-height: 24px;
	margin:0 auto;
}

.pro-concat-g{
	width: 202px;
	height: 119px;
	background: #f5f5f5;
	text-align: center;
	margin-left: 18px;
}
.pro-concat-g h4{
	font-size: 24px;
	color: #484544;
	margin-top: 0px;
	margin-bottom: 12px;
	padding-top: 30px;
}

.pro-concat-g p{
	font-size: 16px;
	color: #484544;
}


.pro-right{
	width: 80%;
	/*height: 1200px;*/
	float: right;
	padding-top: 80px;
}
.pro-right .clearfix>h1{
    margin-bottom: 20px;
}
.pro-row{
    width: 211px;
	height: 240px;
    float: left;
    margin-right: 15px;
	margin-bottom: 10px;
	text-align: center;
}

.pro-right .pro-row:nth-child(4n){
	margin-right:0;
}
.pro-row a{
	display: block;
	height: 180px;
	line-height: 180px;
}
.pro-row img{
	max-width: 100%;
	width: auto !important;
	max-height: 180px;
	height: auto;
	vertical-align: middle;
}
.pro-row .pro-row-title a{
	display: block;
	padding: 10px;
	text-decoration: none;
	font-size: 14px;
	color: #444444;
	/*text-align: center;*/
	transition: top 1s;
	z-index: 1;
	position: relative;
	top:0;
	height: auto;
	line-height: normal;
}

.pro-row:hover .pro-row-title a{

	background: #484544;
	color: #fff;
	top:-20px;

}

.pro1-right{
	width: 890px;
	/* height: 1500px; */
	margin-bottom: 50px;
	float: right;
	padding-top: 80px;
}

.pro1-right-r{
width:auto !important;
height:auto !important;
/*text-align:center;*/
/*line-height:365px;*/
	/*border: 1px solid red;*/
	margin-bottom:60px;
}
.pro1-right-r img{
	max-width:100%;
	/*max-height:365px ;*/
	height:auto;
	width:auto !important;
	/*vertical-align: middle;*/
}
.pro1-right-l{
	width:100%;
	height: 360px;
	/*float: right;*/
}
.pro1-right-l h3{
	margin-top: 0px;
	font-size: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d7d7d7;
}
.pro1-right-l .ms{
	margin-top: 50px;
	margin-bottom: 70px;
}
.pro1-right-l .lx a{
	display: inline-block;
	width: 150px;
	height: 42px;
	background: #10e6dd;
	border-radius: 5px;
	text-align: center;
	line-height: 42px;
	text-decoration: none;
	font-size: 16px;
	margin-right: 15px;
}
.pro1-right-l .lx{
	font-size: 18px;
	color: #666;
}

.pro1-z{
	margin-top: 60px;
}
.pro1-z-title{
	font-size: 18px;
	padding-bottom: 13px;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 38px;
}
.pro1-z-title img{
	margin-right: 15px;
	float: left;
	margin-top: 5px;
}
.pro1-z-content{
	margin-bottom: 50px;
}
.pro1-z-content h5{
	color: #484540;
	font-size: 18px;
	margin-bottom: 20px;
}

.pro1-z .list{
	height: 116px;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding: 7px 15px;
}
.pro1-z .list .list-row a{
	color:#666;
	text-decoration: none;
}
.list-row{
	margin-top: 18px;
    padding-bottom: 16px;
}
.pro1-liu{
	margin-top: 35px;
}



.pro1-liu .input-text{
	width: 434px;
	height: 38px;
	border: 1px solid #e5e5e5;
	margin-right: 18px;
	margin-bottom: 20px;
	text-indent: 20px;
}

.pro1-liu .input-code{
	width: 217px;
	height: 38px;
	border: 1px solid #e5e5e5;
	margin-right: 18px;
	margin-bottom: 20px;
	text-indent: 20px;
}

.pro1-liu .input-text:nth-child(2n){
	margin-right: 0px;
}

.pro1-liu .textarea-text{
	width: 888px;
	height: 138px;
	border:1px solid #e5e5e5;
	text-indent: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
}
.pro1-liu button{
	width: 217px;
	height: 38px;
	background: #10e6dd;
	color: #333;
	font-size: 18px;
}
.iconss{ margin: 6px 10px 0 10px;float: left; background: url("../images/wws.png") no-repeat; width: 6px; height: 6px; background-size: 100%; display: inline-block;}
.pro-cat .cate1 li a{ font-size: 14px; font-weight: inherit; padding: 10px 0;}
.pro-cat .cate1, .pro-cat .cate2{ margin-bottom: 10px; display: none;}
.pro-cat .cate2 .iconss{margin: 6px 10px 0 20px; }
@media (max-width:767px){
  .pro-cat ul li a{
    width: 100%;
  }
  .pro-left{
    width: 100%;
    float: none;
    min-height: auto;
  }
  .pro-right{
    width: 100%;
    float: none;
    height: auto;
    padding-top: 20px;
  }
  .pro-row {
    width: 47%;
    height: 240px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: center;
  }
  .pro-row:nth-child(2n){
    margin-right: 0;
  }
}
.newsv {
  width: 100%;
  padding: 3rem 0;
  background-color: #f0f4f8;
}

.newsv .newpers {
  width: 100%;
  position: relative;
}

.newsv .newpers .swiper-slide {
  width: 100%;
}

.newsv .newpers .swiper-slide a {
  width: 100%;
  display: block;
}

.newsv .newpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newsv .newpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.5s;
}

.newsv .newpers .swiper-slide .hom {
  width: 100%;
  background-color: #fff;
  padding: 2.36rem;
}

.newsv .newpers .swiper-slide .hom .time {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.newsv .newpers .swiper-slide .hom .ht {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin: 2.1rem 0 2.1rem;
}

.newsv .newpers .swiper-slide .hom .hp {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
}

.newsv .newpers .swiper-slide .hom .dk {
  width: 100%;
  font-size: 0;
  margin-top: 2.6rem;
}

.newsv .newpers .swiper-slide .hom .dk .nn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #036eb8;
  color: #fff;
  line-height: 3;
  padding: 0 2.24rem;
  transition: all ease 0.5s;
}

.newsv .newpers .swiper-slide .hom .dk .nn span {
  display: inline-block;
  margin-left: 2.04rem;
  color: #fff;
}

.newsv .newpers .swiper-slide:hover .imgs .img {
  transform: scale(1.1);
}

.newsv .newpers .swiper-slide:hover .hom .dk .nn {
  background-color: #005aa6;
}

.newsv .newpers .btn {
  display: inline-block;
  vertical-align: middle;
  width:2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
}

.newsv .newpers .btn img {
  width: 100%;
  display: block;
}

.newsv .newpers .btn:hover {
  background-color: #036eb8;
}

.newsv .newpers .bl {
  left: -2.9rem;
}

.newsv .newpers .br {
  right: -2.9rem;
}

@media (max-width: 1620px) {
  .newsv .newpers .bl {
    left: 0rem;
  }
  .newsv .newpers .br {
    right: 0cqw;
  }
}

.newlists {
  width: 100%;
  padding: 2.4rem 0;
}

.newlists .newlis {
  width: 100%;
  font-size: 0;
}

.newlists .newlis .newam {
  width: 100%;
  border-bottom: solid 2px #eee;
  transition: all ease 0.5s;
  padding: 2.6rem 0;
}

.newlists .newlis .newam a {
  width: 100%;
  display: block;
}

.newlists .newlis .newam .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc((512 / 1600) * 100%);
  position: relative;
  overflow: hidden;
}

.newlists .newlis .newam .imgs .img {
  width: 100%;
  padding-top: 56.25%;
  transition: all ease 0.5s;
}

.newlists .newlis .newam .rom {
  display: inline-block;
  vertical-align: middle;
  width: calc((1087 / 1600) * 100%);
  padding-left: 2.6rem;
}

.newlists .newlis .newam .rom .time {
  width: 100%;
  color: #999;
  line-height: 1.5;
}

.newlists .newlis .newam .rom .ht {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin: 2.1rem 0 2.1rem;
}

.newlists .newlis .newam .rom .hp {
  width: 100%;
  color: #666;
  line-height: 1.5;
  height: 3em;
}

.newlists .newlis .newam .rom .dk {
  width: 100%;
  font-size: 0;
  margin-top: 2.6rem;
}

.newlists .newlis .newam .rom .dk .nn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #036eb8;
  color: #fff;
  line-height: 3;
  padding: 0 2.24rem;
  transition: all ease 0.5s;
}

.newlists .newlis .newam .rom .dk .nn span {
  display: inline-block;
  margin-left: 2.04rem;
  color: #fff;
}

.newlists .newlis .newam:hover {
  border-bottom: solid 2px #005aa6;
}

.newlists .newlis .newam:hover .imgs .img {
  transform: scale(1.1);
}

.newlists .newlis .newam:hover .rom .dk .nn {
  background-color: #005aa6;
}

.pages {
  width: 100%;
  padding: 2.4rem 0;
  font-size: 0;
  text-align: center;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width:2.6rem;
  height:2.6rem;
  line-height:2.6rem;
  text-align: center;
  color: #666;
  background-color: #f0f4f8;
  margin: 0 2.1rem;
  border-radius: 50%;
}

.pages .page.ltn {
  background-image: url("../images/b3.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
}

.pages .page.rtn {
  background-image: url("../images/b4.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
}

.pages .page.on {
  background-color: #036eb8;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
}

.pages .page.on.ltn {
  background-color: #036eb8;
  background-image: url("../images/b1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
  border: solid 1px #036eb8;
}

.pages .page.on.rtn {
  background-color: transparent;
  background-color: #036eb8;
  background-image: url("../images/b2.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
  border: solid 1px #036eb8;
}

.pages .page.auto {
  width: auto;
  padding: 0 2.24rem;
}

.pages .page:hover {
  background-color: #036eb8;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #fff;
}

.pages .page.ltn:hover {
  background-color: #036eb8;
  background-image: url("../images/b1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.rtn:hover {
  background-color: #036eb8;
  background-image: url("../images/b2.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

@media (max-width: 900px) {
  .pages .page {
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.8rem;
  }
}
.s16{font-size: calc(16 * 6rem / 100);}
@media(max-width: 1620px){
    /*.s16{font-size: 13.5px;}*/
}
.s14{font-size: calc(14 * 1rem / 100);}
@media(max-width: 1783px){
    .s14{font-size: 13px;}
}
.s15{font-size: calc(15 * 1rem / 100);}
@media(max-width: 1664px){
    .s15{font-size: 13px;}
}
.s20{font-size: calc(20 * 5rem / 100);}
@media(max-width: 1392px){
    .s20{font-size: 14.5px;}
}
.details {
  width: 100%;
  background-color: #f0f4f8;
  padding: 0.6rem 0;
}

.details .detail {
  width: 100%;
  font-size: 0;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}

.details .detail .del {
  display: inline-block;
  vertical-align: top;
  width: calc((1090 / 1600) * 100%);
  background-color: #fff;
  padding: 2.5rem;
  border-right: solid 1px #eee;
}

.details .detail .del .dit {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
}

.details .detail .del .dim {
  width: 100%;
  margin: 2.3rem 0;
  font-size: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.details .detail .del .dim .dml {
  display: inline-block;
  vertical-align: middle;
}

.details .detail .del .dim .dml .day {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-right: 2rem;
}

.details .detail .del .dim .dml .anthor {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin-right: 2.3rem;
}

.details .detail .del .dim .dml .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

.details .detail .del .dim .dml .share span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.details .detail .del .dim .dml .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin: 0 0.2rem;
  border: solid 1px #eee;
}
@media (max-width: 800px) {
  .details .detail .del .dim .dml .share .am{
    width: 1.7rem;
    height: 1.7rem;
  }
}


.details .detail .del .dim .dml .share .am a, .details .detail .del .dim .dml .share .am img {
  /*width: 100%;*/
  display: block;
}

.details .detail .del .dim .dml .share .am img:first-child {
  display: block;
}

.details .detail .del .dim .dml .share .am img:last-child {
  display: none;
}

.details .detail .del .dim .dml .share .am:hover {
  border: solid 1px #036eb8;
  background-color: #036eb8;
}

.details .detail .del .dim .dml .share .am:hover img:first-child {
  display: none;
}

.details .detail .del .dim .dml .share .am:hover img:last-child {
  display: block;
}

.details .detail .del .dim .dmr {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  text-align: right;
}

.details .detail .del .dim .dmr .back {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.details .detail .del .dim .dmr .back a {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.details .detail .del .dim .dmr .back a span {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-left: 0.6rem;
  position: relative;
  top: 0rem;
}

.details .detail .del .dim .dmr .back a span img {
  width: 100%;
  display: block;
}

.details .detail .del .dim .dmr .back a:hover {
  color: #036eb8;
}

.details .detail .del .dinps {
  width: 100%;
  padding: 2.4rem 0;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  color: #666;
  line-height: 1.5;
}

.details .detail .del .dinps p {
  color: #666;
  line-height: 2;
}

.details .detail .del .dinps img {
  max-width: 100%;
}

.details .detail .del .dot {
  width: 100%;
  font-size: 0;
  padding: 1.2rem 1.3rem;
  margin-top: 2.2rem;
  background-color: #f0f4f8;
  border-radius: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.details .detail .del .dot .dtn {
  display: inline-block;
  vertical-align: top;
}

.details .detail .del .dot .dtn a {
  width: 100%;
  display: block;
  padding-right: 2.2rem;
  color: #666;
  line-height: 1.8;
}

.details .detail .del .dot .dtn a:hover {
  color: #036eb8;
}

.details .detail .der {
  display: inline-block;
  vertical-align: top;
  width: calc((509 / 1600) * 100%);
  padding: 2.5rem;
}

.details .detail .der .deopm {
  width: 100%;
}

.details .detail .der .deopm + .deopm {
  margin-top: 2.3rem;
}

.details .detail .der .dit {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.3rem;
}

.details .detail .der .dit span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
}

.details .detail .der .dit a {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.details .detail .der .dit a:hover {
  color: #036eb8;
}

.details .detail .der .pomd {
  width: 100%;
}

.details .detail .der .pomd a {
  width: 100%;
  display: block;
}

.details .detail .der .pomd .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #f0f4f8;
}

.details .detail .der .pomd .imgs .img {
  width: 100%;
  padding-top: 63.5%;
  transition: all ease 0.5s;
}

.details .detail .der .pomd .omc {
  width: 100%;
  padding: 2.2rem 0;
  border-bottom: solid 1px #eee;
}

.details .detail .der .pomd .omc .time {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.details .detail .der .pomd .omc .pt {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.details .detail .der .putlis {
  width: 100%;
  padding: 0.8rem 0;
}

.details .detail .der .putlis .pli {
  width: 100%;
}

.details .detail .der .putlis .pli a {
  width: 100%;
  color: #333;
  line-height: 1.5;
  display: block;
  padding: 0.06rem 0;
}

.details .detail .der .putlis .pli a:hover {
  color: #036eb8;
}

.details .detail .der .deomlis {
  width: 100%;
}

.details .detail .der .deomlis .deom {
  width: 100%;
  font-size: 0;
  background-color: #f0f4f8;
  padding: 1.15rem;
  margin-bottom: 1.1rem;
}

.details .detail .der .deomlis .deom a {
  width: 100%;
  display: block;
}

.details .detail .der .deomlis .deom .imgs {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  width: 6.5rem;
  background-color: #fff;
}

.details .detail .der .deomlis .deom .imgs .img {
  width: 100%;
  padding-top: 100%;
}

.details .detail .der .deomlis .deom .dom {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 6.5rem);
  padding-left: 1rem;
}

.details .detail .der .deomlis .deom .dom .dit {
  width: 100%;
  color: #222;
  font-weight: bold;
  line-height: 1.5;
}

.details .detail .der .deomlis .deom .dom .dk {
  width: 100%;
  font-size: 0;
  margin-top: 2.2rem;
}

.details .detail .der .deomlis .deom .dom .dk .nn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #036eb8;
  line-height: 3;
  transition: all ease 0.5s;
}

.details .detail .der .deomlis .deom .dom .dk .nn span {
  display: inline-block;
  margin-left: 2.04rem;
  color: #036eb8;
}
.s36{font-size: calc(36 * 5rem / 100);}
@media(max-width: 1024px){
    .s36{font-size: 19.2px;}
}
.s24{font-size: calc(24 * 5rem / 100);}
@media(max-width: 1248px){
    .s24{font-size: 15.6px;}
}
@media (max-width: 800px){
.none {
    display: none !important;
}
}
@media (min-width: 800px){
    /*.autoImg img{object-fit: none;}*/
    .slick-slide img {
    display: block;
    /*object-fit: none;*/
}
}
@media (max-width: 800px){
  .z1 {
      max-width: 500px !important;
      width: 100% !important;
      margin: 0 auto !important;
      padding: 0 !important;
      float: none !important;
      display: block !important;
      box-sizing: border-box;
  }
  .l2 {
    padding:20px !important;
    box-sizing: border-box;
  }
  .mb1 {
      margin-bottom: 10px !important;
  }
  .mb2 {
      margin-bottom: 20px !important;
  }
}

.i-a {
  width: 100%;
  border: 1px solid #e5e5e5;
  position: relative;
  overflow: hidden;
}

.i-b {
  width: 60rem;
  margin: 0 auto;
  border-left: 1px solid #e5e5e5;
}

.i-c {
  position: relative;
  border-right: 1px solid #e5e5e5;
  height: auto;
  display: flex;
  align-items: center;
}

.i-d {
  color: #333;
  display: block;
  width: 100%;
  padding: 0.9rem 0;
  text-align: center;
  line-height: 1.5;
}

.i-arrow {
  display: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #ccc;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  background-size: 6px 10px;
  background-repeat: no-repeat;
  background-position: center center;
}

.i-prev {
  left: 50%;
  margin-left: calc(-30rem - 60px);
  background-image: url(../images/92.png);
}

.i-next {
  right: 50%;
  margin-right: calc(-30rem - 60px);
  background-image: url(../images/93.png);
}

.i-a.show .i-arrow {
  display: block;
}

.i-c.active {
  background-color: #303384;
}

.i-c.active .i-d {
  color: #fff;
}

@media(max-width: 750px) {
  .i-a.show {
    padding-left: 33px;
    padding-right: 33px;
  }

  .i-b {
    width: 100%;
  }

  .i-d {
    font-size: 12px;
  }

  .i-prev {
    left: 0;
    margin-left: 0;
  }

  .i-next {
    right: 0;
    margin-right: 0;
  }
}
.p-a {
  width: 100%;
   padding-top: 2.8rem;
    padding-bottom: 2.6rem;

}

.p-b {
  width: 75rem;
  margin: 0 auto;
}

.p-c {
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.p-d {
  color: #999999;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 50px;
}

.p-e {
  width: 100%;
}

.p-cont {
  width: 100%;
  padding-bottom: .15rem;
}

.p-item {
  display: block;
  cursor: pointer;
  font-size: 0;
  background-color: #f3f5fa;
  margin-bottom: .3rem;
  transition: all .3s;
}

.p-f {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

.p-f img {
  width: 100%;
}

.p-g {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 0 40px;
}

.p-h {
  color: #333333;
  padding-bottom: 30px;
  margin-bottom: 25px;
  position: relative;
}

.p-h:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: #303384;
}

.p-i {
  color: #666666;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.p-move {
  margin-top: 80px;
  display: inline-block;
  min-width:16px;
  padding: 13px 15px;
  text-align: center;
  background-color: #303384;
  color: #fff;
}

.p-move:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: 38px;
  width: 27px;
  height: 9.67px;
  background-image: url(../images/5.png);
  background-size: 27px 9.67px;
  background-position: center center;
  background-repeat: no-repeat;
}

.p-item:hover {
  background-color: #fff;
  box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.1);
}

.p-item:hover .p-h {
  color: #303384;
}
.s-c {
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.3;
}
.investment_con_list{display:none;}
@media(max-width:1200px) {
  .p-move {
    margin-top: .3rem;
  }
}
@media (max-width: 1920px) and (min-width: 551px){
.s40 {
    font-size: calc(12px + 28 * 100vw / 1920);
}
.s32 {
    font-size: calc(12px + 20 * 100vw / 1920);
}
}
@media (max-width: 550px){
.s40 {
    font-size: calc(12px + 28 * 550px / 1920);
}
.s32 {
    font-size: calc(12px + 20 * 550px / 1920);
}
.p-b{
    width: 100%;
}
.p-f{
    width: 100%;
}
.p-g{
    width: 100%;    padding: 15px 20px;
}
.p-a{
    padding: 15px;
}
.pro-left .title h3{
     font-size: 26px;
    padding-top: 20px;
}
.pro-right .clearfix>h1 {
   font-size: 18px;
}
}