@charset "utf-8";
/* CSS Document */
.waph{ height: 70px;}

.phind_nav a{ display: block; width: 100%; line-height: 50px; border-radius: 8px; background: #002866; color: #002866; margin-top: 20px; text-align: center; padding: 0 15px;}
.phind_nav a h2{ font-size: 18px; color: #fff;}
.ph_center{ width: 96%; margin: 0 auto;}
.phsy_tit h3{ font-size: 22px; color: #002866;}
.phsy_tit{ margin-bottom: 15px;}
.padd20{ padding: 20px 0;}
.phind_news h2{ font-size: 16px; font-weight: normal;  margin-bottom: 10px;}
.phind_news .fir_news .imgfd{ padding-top: 53%; margin-bottom: 10px;}
.phind_news .fir_news{ padding-bottom: 15px; border-bottom: 1px solid #e7e7e7;}
.phind_news .ph_news_list ul li{ padding: 15px 0; border-bottom: 1px solid #e7e7e7;}
.phind_news .ph_news_list ul li p{height: 40px; overflow: hidden; font-size: 12px; line-height: 20px}

.phind_about .phsy_tit h3{ margin-bottom: 10px;}

.ab_card ul li{float: left; width: 49%; margin-right: 2%; margin-bottom: 15px; background: #3fa9e3; border-radius: 8px; padding: 25px 0 20px; text-align: center; color: #fff;}
.ab_card ul li:nth-child(2n){ margin-right: 0;}
.ab_card ul li h3{ font-size: 30px; color: #fff; display: inline;}
.ab_card ul li:last-child h3{ font-size: 24px;}
.ab_card ul li b{ font-size: 30px;}
.ab_card ul li .number{ height: 30px;}
.ab_card ul li:nth-child(3n+1){ background: #3d4292;}
.phab_txt{ margin-bottom: 15px;}
.pnab_img img{ width: 100%;}

.ph_quick{ padding: 25px 0; border-top: 1px dashed #002866; border-bottom: 1px dashed #002866; margin-top: 20px;}
.ph_quick a{font-size: 16px; color: #002866; line-height: 30px;margin-right:10px}
.ph_foot p{ color: #002866; line-height: 30px;}
.ph_foot p a{ color: #002866; margin-right: 20px;}

.ph_bottom{ width: 100%; position: fixed; left: 0; bottom: 0; text-align: center; z-index:9;}
.ph_bottom .bot_nav{ width: 0; height: 70px; overflow: hidden; background: rgba(0,40,102,.85); transition: width .3s ease;}
.ph_bottom .bot_nav ul li{ width: 25%; float: left; padding: 10px 0;}
.ph_bottom .bot_nav ul li img{ height: 24px;}
.ph_bottom .bot_nav ul li p{ color: #3fa9e3;}
.ph_bottom .open{ padding: 10px 0; width: 18%; text-align: center; border-left: 1px solid rgba(63,169,227,.1); background: rgba(0,40,102,.85);}
.ph_bottom .open i{ display: block; line-height:50px; color: #3fa9e3; font-size: 24px; transform: rotateY(180deg); transition: .3s ease;}
.ph_bottom .open.on i{ transform: rotateY(0deg);}
.ph_bottom .bot_nav.show{ width: 82%;}
.imgDiv{ position: relative; overflow: hidden;}
.imgDiv img{width:270%}
.imgDiv .cont{margin-left:0; color:#fff;}
.imgDiv h2{font-size:16px; color:#fff;}
.imgDiv small{font-size:13px;line-height:1.6}
.imgDiv .cont{display:inline-block;width:94%;display:block;position:absolute;z-index:5;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.posi{ padding: 15px 0;}
.posi a{ color: #002866; font-size: 14px;}

.ph_pro_item{ text-align: center; padding:25px; background:#dfebf5; margin-top:20px;}
.ph_pro_item:nth-child(2){ background:#efefef;}
.ph_pro_item .phsy_tit p{ margin: 10px 0;}
.ph_pro_item span.more{ display: inline-block; width: 90px; line-height: 32px; border-radius: 3px; font-size:14px; margin-bottom:15px; text-align:center; background:#00a1e9; color: #fff;}

.pro_ad{margin-top: 20px; position:relative;}
.pro_ad img{ width: 100%;}
.pro_ad h3{ font-size: 20px; color: #fff; text-align: center; line-height:36px;}
.pro_ad .ad_txt{ position: absolute; top: 28%; left: 0; width: 100%;}
.gray_bg{ background: #f6f6f6;}

.ph_proshow_tit h3,.ph_bujushow_tit h3{ font-size: 20px; margin:10px 0;}
.ph_proshow{ padding: 25px 0; margin-top:20px;}
.ph_proshow_tit,.ph_bujushow_tit{ border-bottom: 1px solid #dddddd; position:relative; margin-bottom:15px;}
.ph_proshow_tit span,.ph_bujushow_tit span{ color: #666;}
.ph_proshow_tit:after,.ph_bujushow_tit:after{ position:absolute; left: 0; bottom: 0; background: #00a0e9; height: 2px; width: 90px; content:'';}
.ph_proshow .dgbtn{ display: inline-block; line-height: 38px; padding: 0 15px; background: #facd00; color: #333; margin-top:15px; border-radius:5px;}
.ph_proshow .dgbtn i{ margin-right: 5px;}

.ph_proshow .imgbig{ margin: 10px 0;}
.ph_proshow .imgbig img{ width: 100%;}
.ph_proshow .pro_xs{ overflow: hidden;width: 100%;}
.ph_proshow .pro_xs li{ float: left; width: 49%; margin-right: 2%;}
.ph_proshow .pro_xs li:nth-child(2n){ margin-right:0;}
.ph_proshow .pro_xs li img{ width: 100%;}

.ph_show_tab{ border-bottom:1px solid #dddddd; margin:20px 0;}
.ph_show_tab span{ display: inline-block; line-height: 40px; margin-right: 25px; font-size:18px;}
.ph_show_tab span.on{ color: #005bac; border-bottom:3px solid #00a0e9;}
.ph_show_content .protit{ font-size: 20px; margin: 10px 0 20px; color:#666; font-weight:bold;}
.ph_show_content .xc_list li{ float: left; width: 49%; margin-right: 2%; margin-bottom:15px;}
.ph_show_content .xc_list li:nth-child(2n){ margin-right:0;}
.ph_show_content .xc_list li img{ width: 100%;}
.ph_show_content .show_box{ display: none;}

.ph_show_p a{ display: block; padding:20px; background:#f6f6f6; display:flex; align-items:center; margin-top:20px;}
.ph_show_p a .txt{ margin-right: auto;}
.ph_show_p a .img{ width: 35%;}
.ph_show_p a .img img{ width: 100%;}
.ph_show_p a .txt h3{ font-size: 20px; margin-bottom:10px;}
.ph_show_p a .txt small{ display: block; margin-bottom: 10px;}
.ph_show_p a .txt .more{ display: inline-block; width: 90px; line-height: 32px; border-radius: 3px; font-size:14px; margin-bottom:15px; text-align:center; background:#00a1e9; color: #fff;}
.protags{ width: 90%; margin: 10px auto;}
.protags a{ font-size: 14px; line-height:14px; padding:0 5px; display:inline-block; margin-bottom:10px; color:#fff; position:relative;}
.protags a:after{content: '';width: 1px; height: 14px; background: #fff; position: absolute; left: 0;top: 50%; margin-top: -7px;}
.protags a:first-child:after{ display:none;}
.about_top{overflow:hidden;margin:3% 3%;background-color:#00a1e9}
.about_top .videocon{position:relative;overflow:hidden}
.about_top .videocon .cover{ width: 100%;}
.about_top .cont{ padding:15px;}
.about_top .cont h2{position:relative;font-size:20px;color:#fff;font-weight:700;line-height:1;letter-spacing:2px;margin-bottom:1rem;}
.about_top .cont p{ color: #fff; font-size:14px;}
.about_top .videocon #videoBtn{width:60px;height:60px;margin-left:-30px;margin-top:-30px;position:absolute;left:50%;z-index:10;top:50%;cursor:pointer;transition:all 1s ease}
.about_top .videocon::after{display:block;content:" ";height:100%;width:100%;z-index:5;background-color:rgba(0,22,106,.4);position:absolute;left:0;top:0}
.fancybox-overlay{display:none;width:100%;height:100%;z-index:99;position:fixed;bottom:0;right:0;background-color:rgba(0,0,0,.7)}
.fancybox-overlay #diveoid{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:55;width:90%;max-width:1200px}
.phab_tit h3{ font-size: 20px; font-weight: bold; color:#333; margin-bottom:10px;}
.main_tab{background: url(/web/template/modaming/images/know03_4.jpg) no-repeat;}
.main_tab ul li{ color: #fff; text-align: center; line-height:50px;background: url(/web/template/modaming/images/blue90.png) repeat;}
.main_tab ul li h4{ color: #fff; font-size:16px;}
.main_tab ul li.swiper-slide-thumb-active{background: url(/web/template/modaming/images/yellow90.png) repeat;}
.about_half._l li{float:left;position:relative;width:48%;margin-right:2%;margin-bottom:2%}
.about_half._l li .imWrap{padding-top:67%;position: relative; overflow: hidden;}
.about_half._l li:nth-child(3){width:98%}
.imWrap {position: relative; overflow: hidden; padding-top:75%;}
.imWrap img{ display: block;position: absolute;width: 100%;min-height: 100%;z-index: 5; left: 0; top: 0;}
.about_xc{ overflow: hidden;}
.about_xc li{ position: relative;}
.about_xc li #videoBtn{ position: absolute; width:40px; top:50%; left:50%; margin-left:-20px; margin-top:-20px; z-index:8; transition:.3s ease;  cursor:pointer;}
.about_xc li:hover #videoBtn{ transform: rotate(360deg);}
.about_xc .videos{ display:none; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; max-width:640px; max-height:360px; }
.about_xc .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.about_half h5{width:100%;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;color:#fff;font-size:14px;font-weight:400;bottom:0;left:0;z-index:5;line-height:26px;height:auto;background-color:rgba(17,109,224,.55)}
.about_half._r li{margin-bottom:2%}
.about_half._r li .imWrap{padding-top:53%;position: relative; overflow: hidden;}
.about_half._r li:nth-child(2) .imWrap{padding-top:38%}
.inner_buju li{ background: #fff; margin-bottom:10px;box-shadow: 2px 2px 7px rgba(70,70,70,.2); overflow:hidden;}
.inner_buju li .cont{font-size:16px;color:#333;position:relative;padding:1.2rem;line-height:32px;}
.inner_buju li .cont::before{display:block;display:block;content:" ";height:0;width:0;z-index:5;border-bottom:2.5rem solid #fff;border-right:26rem solid transparent;border-left:0;position:absolute;left:0;top:-2.5rem}
.inner_buju li .cont h2{font-size:18px;color:#555;position:absolute;font-weight:700;top:-.9em;line-height:20px;left:5%;z-index:55}
.inner_buju li .cont h3{ font-size: 16px; border-top: 1px dashed #ddd; padding-top: 10px;}
.inner_buju li .cont .des{font-size:13px; line-height:24px;overflow:hidden;color:#595959;height:48px;width:100%;}
.inner_buju li .imWrap{padding-top: 59%;}

.ph_bujushow .detail h3{ font-size: 16px; margin-bottom:10px;}
.buju_big{margin-top: 10px;}
.big img{ width: 100%;}
.ph_show_content{ width: 100%; overflow: hidden;}
.ph_show_content img{ max-width: 100%;}

.jiagong{ position: relative;}
.jiagong h3{ margin-bottom: 15px;}
.jiagong .btn_box{ position: absolute; right: 0; top: 0; width:50px; height:28px; border-radius:14px; background:#f6f6f6; overflow:hidden;}
.jiagong .btn_box .swiper-button-prev,.jiagong .btn_box .swiper-button-next{ position: unset; float:left; width:50%; text-align:center; line-height:28px; height:28px; margin-top:0; font-size:14px;}
.jiagong .btn_box .swiper-button-prev i,.jiagong .btn_box .swiper-button-next i{font-size: 14px;}
.jiagong .swiper-slide{ text-align: center;}
.jiagong .swiper-slide .tit{margin-top: 5px; text-align:center;}
.ph_yewu li{text-align: center; margin-bottom:15px;}
.ph_yewu li .cont{margin: 10px 0 ;}
.ph_yewu li .cont h2{ font-size: 20px;}
.ph_yewu li .cont .des{ font-size: 14px; line-height: 24px; margin-top:10px;}
.ph_yewu li .imWrap{ padding-top: 60%;}
.sub_ban h2{margin-bottom: 5px;}

.lb_left{ overflow: hidden; margin-bottom: 15px;}
.lb_left .ywmc{ float:left; width:33.3%; font-size:14px; padding:13px 10px; line-height: 16px; background:#f5f5f5; cursor:pointer; border-bottom:1px dashed #ddd; text-align:center;}
.lb_left .ywmc:last-child{ border:none;}
.lb_left .ywmc img{ height: 16px; margin-right: 5px; float:left;}
.lb_left .ywmc p{ display: inherit; height: 16px; line-height:16px;}
.lb_left .ywmc:hover,.lb_left .ywmc.on{ background:#02479d; color:#fff;}
.lb_left .ywmc:hover img,.lb_left .ywmc.on img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.yw_item{ width: 100%; overflow: hidden; display:none;}
.yw_item img{ max-width: 100%;}
.al_nav a{ display: inline-block; padding:0 15px; margin-right: 15px; line-height: 30px; text-align: center; float:left; background:#f5f5f5; color:#666; margin-bottom:10px; font-size:14px; }
.al_nav a.on,.al_nav a:hover{ background:#02479d; color: #fff;}
.al_box .al_item{ display: none;}
.inner_new li{ position: relative; background:#fff; padding:5px; margin-bottom:8px;}
.news_page{ margin-top: 10px;}
.innew_tit{margin-bottom: 10px;}
.inner_new li .item3{position:relative;z-index:5}
.inner_new li .item3 a{display:block;overflow:hidden;cursor:pointer}
.inner_new li .date{font-size:13px;color:#666;display:block;padding:2px 0 0; margin-top:20px;}
.inner_new li .date .iconfont{color:#666;font-size:12px;padding-right:5px}
.inner_new li .big{width:30%;float:right;box-sizing:border-box;margin-left:3%;-webkit-transition:all .5s linear;transition:all .5s linear;background-repeat:no-repeat;background-position:center center;background-size:96% 96%;background-color:#f3f3f3}
.inner_new li .imWrap{padding-top:62.7%}
.inner_new li .text-wrap{position:relative;overflow:hidden;padding-top:2%;padding-left:2%}
.inner_new li .text-wrap .title{font-size:16px; font-weight:normal;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5}
.ph_service li{padding-bottom: 20px;}

.articleTit{ font-size: 18px; margin-bottom:10px;}
.sub_info span{ color: #999; font-size: 12px; margin-right: 10px;}
.sub_info span i{ font-size: 13px; margin-right: 5px;}
.keywords{ font-size: 13px;}
.keywords i{ color: #666; font-size: 13px;}
.keywords a{ color: #00a1e9; margin: 0 10px 10px 0;}
.skip{ overflow:hidden; margin:15px 0 10px;}
.skip .box{ padding: 5px 10px; overflow:hidden; margin-top:10px; background: #f6f6f6;}
.skip .box .page_btn{ float: left; color:#777; font-size:14px; margin-right:10px; line-height:30px;}
.skip .link { float:left; color: #bbb;font-size: 14px;font-weight: 700; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; line-height: 30px;}
#inform .row{ margin-bottom: 10px;}
#inform input { width: 100%; box-sizing: border-box;background-color: transparent;color: #666;border: 1px solid #bbb;line-height: 2;padding: .4rem;border-radius: 3px;}
#inform label { font-size: 13px; color: #666; text-align: right; margin-right: 1em;width: 4em;float: left;line-height: 3;white-space: nowrap;}
.row { display: flex; flex-flow: row wrap; justify-content: space-between;}
#inform .row{ display: block; width: 100%;}
#inform .wrap{ overflow: hidden;}
#inform textarea {width: 100%;box-sizing: border-box; height: 14em; background-color: transparent; border: 1px solid #bbb;}
#inform #verify { width: 7em;}
#inform input[type=submit], #inform input[type=reset] { width: 7em;background-color: #02479d; color: #fff;padding: .4rem; border-radius: 3px; border:none; line-height:26px; margin-top:20px; font-weight:bold;}
.ph_news_nav{ overflow: hidden;margin-bottom:-18px}
.ph_news_nav a{ display: inline-block; padding: 2px 6px 2px 6px; margin-right:5px; line-height:33px; text-align:center; border:1px solid #666; float:left; font-size:14px;margin-bottom: 8px;} 
.ph_news_nav a:last-child{ margin-right:0;}
.ph_news_nav a.act{ color: #02479d; border-color:#02479d;}
.yichu {overflow-x: auto;}<!--ºÄʱ1778747676.0616Ãë-->