@charset "utf-8"; .conbg{ background: #f4f4f4; width: 100%; padding:0px 0 50px; } /*宸︿晶*/ .con_left{ width:22%; } .menu_left{ margin-left: 16px; padding:12px 0 40px; background: #fff url(qywh_bg.png) no-repeat right bottom; } .menu_t{ position: relative; height: 74px; width: 100%; margin-left:-16px; } .menu_t span{ display: block; background:#0e64ae url(menu_icon.png) no-repeat 22px center; padding-left: 52px; line-height: 59px; font-size: 22px; color: #fff; border-radius: 0 2px 12px 0; } .menu_t em{ position: absolute; left:0; bottom:0; background:url(menubg1_02.png) no-repeat; width:16px; height:15px; display:inline-block;} .menu1{ padding-left: 35px; } .menu1 li{ padding:11px 0; } .one_m{ display: block; color:#333; font-size: 18px; line-height: 20px; padding:0 22px;border-left:3px solid #1961ac; } .menu1_h .one_m,.one_m:hover{ color:#1961ac; font-weight: bold;} .sub_meun{padding:20px 0 0 25px;} .sub_meun a{ display:block; line-height:20px; font-size:14px; padding:5px 0;} /*鍙充晶*/ .con_right{ width:75%; background: #fff; padding:20px 0 50px;} .padd30{ padding:0 30px; } /*鏂伴椈鍒楄〃*/ .listCon{ padding-top: 30px; } .listCon li{background: url(/web/template/page/index/icon_d1.jpg) no-repeat left center; padding-left:15px;} .listCon li:hover{background: url(/web/template/page/index/icon_d1h.jpg) no-repeat left center;} .listCon li a,.listCon li span{ display: inline-block; vertical-align: top; line-height: 36px; font-size: 16px; } .listCon li a{ width: 85%; float: left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .listCon li span{ float: right; } /*浜т笟涓庢湇鍔?浠h〃宸ョ▼*/ .title_sub { margin-bottom: 20px; } .title_sub span { padding: 0 15px; font-size: 16px; line-height: 40px; background: #1961ac; display: inline-block; color: #fff; font-weight: bold; } .pic_list { overflow: hidden; margin-top: 20px; } .pic_ul { width: 110%; } .pic_ul li { width: 190px; margin-right: 26px; float: left; margin-bottom: 20px; text-align: center; } .pic_ul li .img { width: 100%; height: 130px; } .pic_ul li img { width: 100%; height: 100%; object-fit: cover; } .pic_ul li .tit { font-size: 14px; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*鍏徃棰嗗鐝瓙鎴愬憳*/ .gsld1{} .gsld1 li{ padding-top: 30px; } .gsld1 li span,.gsld1 li p{ display: inline-block; } .gsld1 li span{ float: left; width: 15%;} .gsld1 li span img{ width: 100%; } .gsld1 li p{ float: right; width: 80%; font-size: 16px; line-height: 180%;padding-top: 30px; } /*钁d簨浼?/ .dshcon{ float: right; width: 80%;} .dshcon em{font-size: 16px; font-weight: bold; font-style: normal;} .gsld1 li .dshcon p{ width: 100%; } .dshcon p a{color: #1961ac;} /*棰嗗鍏虫€€*/ .listimgCon{ margin-left:-3%; } .listimgCon li{ float: left; display: inline-block; width: 30.33%; margin-left:3%; padding-top:30px; } .listimgCon li a{ display: block; text-align: center; } .listimgCon li span{ display: block; height:180px; overflow:hidden; } .listimgCon li span img{ width: 100%; height: 100%; object-fit: cover; } .listimgCon li em{ display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-style: normal; font-size: 16px; line-height: 200%;} /*鍙嬫儏閾炬帴*/ .linksCon{ padding:30px 0; } .linksCon li{ float: left; display: inline-block; width: 50%; } .linksCon li a{ display: inline-block; font-size: 16px; line-height: 36px; } /*缃戠珯鍦板浘*/ .map { padding-top:30px;} .map li {border-bottom: 1px dashed #999;padding: 8px 0;} .mapone{font-size: 16px;line-height: 38px; font-weight: bold;} .maptwo{} .maptwo p{ display: inline-block; float: left;padding-right: 20px; } .maptwo p a{ font-size: 14px; line-height: 24px; } /*璇︾粏浠嬬粛*/ .zoom{ padding-top:20px; min-height: 400px; } .zoom p,.zoom div,.zoom p strong{ line-height: 180%; font-size: 16px; padding-bottom:25px; } .zoom img{ max-width: 100%; } .zoom table, .zoom th, .zoom tr, .zoom td { border: 1px solid #333; } /*浼佷笟鏂囧寲-宸ヤ綔鐞嗗康*/ .d_zzln h2{ font-size:20px; font-weight: bold;color: #333; padding-bottom: 15px;} /*瑙嗛褰卞儚*/ .img_list{ width:100%; overflow:hidden; padding-top:30px; } .img_list li{ float: left; width: 44%; height: 280px; overflow: hidden; background-color: #f4f4f4; margin-left: 4%; margin-bottom: 20px; position: relative; box-shadow: 0 0 3px #cccccc; border-radius: 3px; } .img_list li img { width: 100%; height: 230px; } .img_list li p { text-align: center; font-size:16px; line-height: 30px; overflow: hidden; color: #0c0c0c; padding: 10px; } @media screen and (min-width:1024px) and (max-width:1199px){ /*钁d簨浼?/ .gsld1 .dshcon p{padding-top:20px;} } @media screen and (max-width:1023px){ .con_right { width:100%; padding:1rem 0 3rem;} .con_left{ width:100%;} .sub_meun{ display: block;position: relative;overflow:hidden;background: #e9e9e9;top: 0px;padding: 1rem 0;border-radius: 5px;} .menu_left{ background:none;margin-left:0;padding:0 0 2rem;} .menu1{padding-left:0px; } .menu1 li {width: 23%;float: left; text-align: center; border: solid 1px #e9e9e9;border-radius: 10px; margin: 0 1%; height: 45px; line-height: 45px;box-sizing: border-box; margin-bottom: 10px; background-color: #eee; padding:0;} .menu1 li a{display: block; color:#333; font-size:2.0rem; line-height:45px; padding:0px;border-left:none;} .menu1 .menu1_h{background-color:#01628f;border:none;} .menu1 .menu1_h a{ color:#fff;} .menu1 li a:hover,.menu1 .menu1_h a{ border:none;} .menu1 .sub_meun a{color:#333;float: left;margin-left: 20px;} /*鏂伴椈鍒楄〃*/ .listCon{ padding-top:2rem; } .listCon li a,.listCon li span{ line-height: 200%;font-size: 1.6rem; } /*鍏徃棰嗗鐝瓙鎴愬憳*/ .gsld1 li{ padding-top:2rem; } .gsld1 li p{ font-size: 1.6rem;padding-top:2rem; } /*钁d簨浼?/ .dshcon em{font-size: 1.6rem;} .gsld1 .dshcon p{padding-top:1rem;} /*棰嗗鍏虫€€*/ .listimgCon li{padding-top:2rem; } .listimgCon li em{font-size: 1.6rem;} /*鍙嬫儏閾炬帴*/ .linksCon{ padding:2rem 0; } .linksCon li a{font-size: 1.6rem; line-height:180%; } /*瑙嗛褰卞儚*/ .img_list li{height: 130px;} .img_list li img{height:100px;} .img_list li p{padding:0;} /*鍏徃璧勮川*/ .zoom table{width:100%!important;} } @media screen and (max-width:767px){ .menu1 li {width:48%;border-radius:8px; margin: 0 1% 10px; height:30px; line-height:30px;} .menu1 li a{font-size:16px; line-height:30px;} .padd30 {padding: 0 15px;} .page0 font, .page0 a{ padding:0 7px;} /*鏂伴椈鍒楄〃*/ .listCon li a{ width:75%; } /*鍏徃棰嗗鐝瓙鎴愬憳*/ .gsld1 li span{ width:22%;} .gsld1 li p{ width:74%; padding-top:1rem; } /*钁d簨浼?/ .dshcon{width: 74%;} .dshcon em{font-size: 1.4rem;line-height: 150%; } /*棰嗗鍏虫€€*/ .listimgCon li{width:47%; } .listimgCon li span{ height:30vw;} /*瑙嗛褰卞儚*/ .img_list li p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} } @media screen and (max-width:480px){ /*鏂伴椈鍒楄〃*/ .listCon li a{ width:70%;} .listCon li a,.listCon li span{font-size: 1.4rem; } /*鍏徃棰嗗鐝瓙鎴愬憳*/ .gsld1 li p{line-height:150%; font-size:1.4rem;} } @media screen and (max-width:375px){ /*鏂伴椈鍒楄〃*/ .listCon li a{ width:67%; } /*鍏徃棰嗗鐝瓙鎴愬憳*/ .gsld1 li p{padding-top:0.5rem; font-size:1.2rem;} /*钁d簨浼?/ .dshcon em {font-size: 1.4rem;} /*棰嗗鍏虫€€*/ .listimgCon{ margin-left:0;} .listimgCon li{width:100%;margin-left:0; } .listimgCon li span{ height:45vw;} /*鍙嬫儏閾炬帴*/ .linksCon li a{font-size: 1.2rem;} }