锘緻charset "UTF-8"; /*------------// Overall //------------------*/ body { font: "Microsoft YaHei", "榛戜綋", Helvetica, Arial, Tahoma, sans-serif; color: #666; margin: 0; background: #f6f6f6; overflow-x: hidden; } body { font-family: "寰蒋闆呴粦"; font-weight: 300\0; } html, body { -webkit-text-size-adjust: none;height: 100%; } * { -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; -webkit-touch-callout: none; /*font-size: 0.2rem;*/ } table { border-collapse: collapse; border-spacing: 0; empty-cells: show; } th, td { border-collapse: collapse; } a:link { text-decoration: none; color: #333; } a:visited { text-decoration: none; color: #333; } img { border: 0;/*娣诲姞浠ヤ笅灞炴€ф槸瑙e喅鍥剧墖鍦ㄥ井淇℃祻瑙堝櫒涓嬮粯璁よ浆鎹㈡晥鏋滈€犳垚椤甸潰妯$硦*/ -webkit-transform: scale(1)rotate(0)translate3d(0, 0, 0); transform: scale(1)rotate(0)translate3d(0, 0, 0); display: inline-block !important; outline: none; } div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } ol, ul, li { list-style-type: none; } /*IOS涓嬬Щ闄ゆ寜閽師鐢熸牱寮 -webkit-appearance*/ input[type=button] { -webkit-appearance: none; outline: none; } /*鍘婚櫎鐐瑰嚮鎸夐挳锛屾湁鐏拌壊闃村奖*/ a, input { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* a {transition: all 0.3s ease-in-out;} */ html { font-size: 625%; } body { overflow-x: hidden; } .mobile { max-width: 640px; position: relative; margin: 0 auto; overflow-x: hidden; font-size: 0.18rem;height: 100%; } .cont { width: 5.8rem; margin: 0 auto; } img { height: auto !important; max-width: 100% !important; vertical-align: middle; } .pic-box { text-align: center; vertical-align: middle; display: table-cell; } .clear{ clear:both;} /*logo 瀵艰埅鏍忔寜閽?/ .header { width: 100%; height: 0.88rem; position: absolute; z-index: 100; } .product_header{ background:#fff;} .logo { width:0.58rem; height: 0.88rem; display: block; float: left; text-align:center; font-size:0; position:relative; left:0.3rem; } .logo span{ display:inline-block; height:100%; vertical-align:middle;} .logo img { max-width:0.58rem !important; max-height:0.88rem; vertical-align:middle;} .message{ width:0.32rem; height:0.88rem; position:absolute; right:0.3rem; text-align:center; font-size:0; top:0rem;} .message span{ display: inline-block; height:100%; vertical-align:middle;} .message img{ max-height:0.88rem; max-width:0.32rem; vertical-align:middle;} .nav-btn { width: 0.88rem; height: 0.88rem; margin:0 auto; } .nav-btn i { display: block; width: 0.32rem; height: 0.24rem; background: url('menu.png') no-repeat; position: absolute; left: 50%; top: 50%; margin: -0.12rem 0 0 -0.16rem; background-size: 100% } .nav-btn1 i{background: url(menu_close.png) no-repeat; width:0.26rem; height:0.25rem; background-size:100%;} /*-------------------------------------- 澶撮儴鏍峰紡 end --------------------------------------*/ /*------------------------------------- 瀵艰埅鏍 start -------------------------------------*/ .nav-box { width: 100%; position: fixed; display: block; z-index: 50; background: #f7f7f7; text-align: center; top: 0; height: 100%; padding-top: 1.32rem; display: none; overflow-y:scroll; } .nav-bg { width: 100%; position: absolute; height: 100%; top: 0; } .nav-box ul { padding: 0.36rem 0 1.19rem; } .nav-box li { width: 100%; padding-bottom:0.35rem; padding-top:0.45rem; background:url(bg1.png) no-repeat center;background-position: 50% 100%; } .nav-box a { display: block; font-size: 0.24rem; color: #333; width: 100%; } .nav_bottom{ width:4.1rem; height:auto; margin:0 auto; margin-top:1rem;} .nav_contact{ width:100%; height:auto;} .nav_contact img{ width:0.19rem; height:0.24rem; margin-right:0.15rem;} .nav_contact span{ display:inline-block; font-size:0.2rem; color:#666666;} .nav_contact span>font{ font-size:0.3rem; color:#003894; display:inline-block; margin-left:0.1rem; font-family:Arial;} .nav_share{ width:100%; height:auto; margin-top:0.38rem;} .bdsharebuttonbox a.bds_weixin_a { background-image: url(weixin.png); background-size:100%; } .bdsharebuttonbox a.bds_tsina_a { background-image: url(weibo.png);background-size:100%; } .bdsharebuttonbox a.tm { background: url(tian.png) no-repeat center center;background-size:45%; } .bdsharebuttonbox a.jd { background: url(jd.png) no-repeat center center;background-size:45%; } .bdsharebuttonbox a.sn { background: url(sn.png) no-repeat center center;background-size:60%; } .bdsharebuttonbox a.pdd{ background-size:45%!important; } .bdsharebuttonbox a { margin: 0.03rem; } .shareshow a:last-child{ margin-right:0rem !important;} /*-------------------------------------- 瀵艰埅鏍 end --------------------------------------*/ /*------------------------------------- banner start -------------------------------------*/ .banner { width: 100%; height: 3.81rem; } .slideBox{ position:relative; overflow:hidden; width:100%; margin:auto;} .slideBox .bd{ position:relative; z-index:0} .slideBox .bd li{ position:relative; text-align:center;} .slideBox .hd{ position:absolute; height:0.15rem; line-height:0.15rem; bottom:0.26rem; left:0; width:100%; text-align:center; z-index:1;} .slideBox .hd li{ display:inline-block;width: 0.12rem; height: 0.12rem; text-indent:-9999.99rem; overflow:hidden;margin: 0 0.075rem; background:none; border:2px solid #fff; border-radius:100%;} .slideBox .hd li.on{background: #003894; background-size: 100%; border:none;} .slideBox .hd1{ width:1.15rem; height:0.25rem; margin:0 auto; background:url(bg3.png) repeat; border-radius:0.2rem; left:50%; margin-left:-0.57rem; bottom:0.1rem;} .slideBox .hd1 li{ background:#bebebe; border:none; margin-top:0.06rem;} .slideBox .hd1 li.on{ background:#fff;} /*-------------------------------------- banner end --------------------------------------*/ /*浜у搧绉嶇被*/ .index_tyle{ width:100%; height:auto; background:#fff; overflow:hidden;} .index_tyle ul{ width:100%; height:auto;} .index_tyle ul li{ width:33.3%; height:1.7rem; float:left;text-align:center; border:0.01rem solid #f6f6f6;} .index_tyle ul li:first-child img{ width:0.42rem; height:0.42rem;} .index_tyle ul li:nth-child(2) img{ width:0.37rem; height:0.48rem;} .index_tyle ul li:nth-child(3) img{ width:0.53rem; height:0.48rem;} .index_tyle ul li:nth-child(4) img{ width:0.54rem; height:0.41rem;} .index_tyle ul li:nth-child(5) img{ width:0.58rem; height:0.41rem;} .index_tyle ul li:nth-child(6) img{ width:0.42rem; height:0.49rem;} .index_tyle ul li img{ max-width:100%; height:auto; vertical-align:middle; margin-top:0.45rem;} .index_tyle ul li p{ font-size:0.2rem; text-align:center; color:#666666; margin-top:0.15rem;} .index_tyle ul li:last-child{ margin-right:0px;} .clear{ clear:both;} /*鏂板搧涓婂競*/ .xpss{ width:100%; height:auto; background:url(bg1.jpg) no-repeat top; padding-top:0.35rem; overflow:hidden; padding-bottom:0.5rem; margin-top:0.2rem;} .xpss_title{ width:100%; height:auto; text-align:center; font-size:0.28rem; color:#003894;} .xpss_title span{ display:inline-block; margin:0rem 0.15rem;} .xpss_title span>img{ width:0.2rem; height:0.28rem;} .xpss_title font{ color:#cccccc; font-size:0.24rem;} .slide_text{ width:3.3rem; height:auto;} .slide_pic{width:1.81rem; height:1.94rem; text-align:center; font-size:0;} .slide_pic span{ display:inline-block; height:100%; vertical-align: middle;} .slide_pic img{ max-width:1.81rem !important; max-height:1.94rem !important;vertical-align:middle;} .xpss_content{ width:100%; height:auto; margin-top:0.6rem;} /*鐑攢浜у搧*/ .rxcp{ width:100%; height:auto; background:#fff; padding-top:0.35rem; overflow:hidden;} .rxcp_content{ width:100%; height:auto; margin-top:0.35rem;} .rxcp1{ width:100%; height:auto; margin-bottom:0.01rem;} .rxcp1 img{ width:100% !important; height:auto;} .rxcp2{ width:100%; height:auto;margin-bottom:0.01rem; overflow:hidden;} .rxcp2 ul{ width:100%; height:auto;} .rxcp2 ul li{ width:49.92%; margin-right:0.01rem; float:left;} .rxcp2 ul li:last-child{ margin-right:0rem;} .rxcp2 ul li img{ width:100% !important; height:auto;} .rxcp3{ width:100%; height:auto;} .rxcp3-left{ width:3.19rem; height:auto; float:left; margin-right:0.01rem;} .rxcp3-left img{ width:100% !important; height:auto;} .rxcp3-right{ width:3.2rem; height:auto; float:right;} .rxcp3-top{ width:100%; height:auto; margin-bottom:0.01rem;} .rxcp3-top img{width:100% !important; height:auto;} .rxcp3-bottom{ width:100%; height:auto;} .rxcp3-bottom img{width:100% !important; height:auto;} /*宸ョ▼妗堜緥*/ .gcal{ width:100%; height:auto; background:#fff; padding-top:0.35rem; overflow:hidden; padding-bottom:0.2rem;} .gcal_content{ width:100%; height:auto; margin-top:0.35rem;} .gcal_pic{ width:6.2rem; height:auto; margin:0 auto;} .gcal_pic img{ width:100% !important; height: auto;} .gcal_text{ width:5.8rem; height:auto; margin:0 auto; margin-top:0.35rem;} .gcal_text h3{ font-size:0.24rem; color:#333333; margin-bottom:0.15rem;} .gcal_text p{ font-size:0.2rem; color:#888888;} /*鏂伴椈鍔ㄦ€?/ .xwdt{ width:100%; height:auto; background:#fff; margin-top:0.2rem; padding-top:0.35rem; padding-bottom:0.2rem; overflow:hidden;} .xwdt_content{ width:5.8rem; height:auto; margin:0 auto; margin-top:0.3rem;} .xwdt_top{ width:5.8rem; height:auto; margin:0 auto;} .xwdt_top h3{ font-size:0.24rem; color:#003894; font-weight:bold;} .xwdt_top h3>i{ display:inline-block; width:0.08rem; height:0.08rem; background:#003894; border-radius:0.04rem; margin-right:0.1rem;} .xwdt_top p{ font-size:0.2rem; color:#888888; line-height:0.36rem; margin-bottom:0.08rem; margin-left:0.18rem; margin-top:0.08rem;} .xwdt_top span{ font-size:0.2rem; color:#999999;margin-left:0.18rem; display:block;} .xwdt_bottom{ width:100%; height:auto; margin-top:0.2rem;} .xwdt_bottom ul{ width:100%; height:auto;} .xwdt_bottom ul li{ width:100%; height:0.7rem; line-height:0.7rem; border-top:0.01rem dashed #cccccc;} .xwdt_bottom ul li i{ display:inline-block; width:0.06rem; height:0.06rem; border:0.01rem solid #b7b7b7; border-radius:0.03rem; margin-right:0.1rem; float:left; margin-top: 0.34rem;} .xwdt_bottom ul li p{ float:left; font-size:0.2rem; color:#666666; width:4.15rem;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .xwdt_bottom ul li span{ width:1.15rem; display:block; float:right; font-size:0.2rem; color:#999999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*搴曢儴瀵艰埅*/ .list_daohan{ width:100%; height:auto; margin-top:0.2rem; background:#fff;} .list_daohan ul{ width:100%; height:auto;} .list_daohan ul li{ width:100%; height:0.9rem; line-height:0.9rem; border-top:0.01rem solid #dfdfdf;} .list_daohan ul li a{ width:5.8rem; display:block; margin:0 auto;} .list_daohan ul li p{ float:left; font-size:0.2rem; color:#666666;} .list_daohan ul li span{ float:right;} .list_daohan ul li span>img{ width:0.11rem; height:0.18rem;} /*-------------------------------------- 棣栭〉 end --------------------------------------*/ /*浜у搧*/ .product_style{ background:#eeeeee; margin-top:0.88rem;} .product_style ul{ width:100%; height: 3.6rem;overflow: hidden;} .product_style ul li{ width:33.3%; border:0.01rem solid #e4e4e4; border-left:none; height:1.2rem;float:left;text-align:center; border:0.01rem solid #f6f6f6;} .product_style ul li i{display:block; margin:0 auto; margin-top:0.2rem; width:0.58rem; height:0.49rem; text-align:center;} .product_style ul li i.icon1{ width:0.42rem; height:0.42rem; background:url(pic1.png) no-repeat top; background-size:100%;} .product_style ul li i.icon2{ width:0.37rem; height:0.48rem; background:url(pic2.png) no-repeat top;background-size:100%;} .product_style ul li i.icon3{ width:0.53rem; height:0.48rem; background:url(pic3.png) no-repeat top;background-size:100%;} .product_style ul li i.icon4{ width:0.54rem; height:0.41rem; background:url(pic4.png) no-repeat top;background-size:100%;} .product_style ul li i.icon5{ width:0.58rem; height:0.41rem; background:url(pic5.png) no-repeat top;background-size:100%;} .product_style ul li i.icon6{ width:0.42rem; height:0.49rem; background:url(pic6.png) no-repeat top;background-size:100%;} .product_style ul li p{margin-top:0.10rem;} .product_style ul li:nth-child(3n){ border-right:none;} .product_style ul li:nth-child(4){ border-top:none;} .product_style ul li:nth-child(5){ border-top:none;} .product_style ul li:nth-child(6){ border-top:none;} .product_style ul li p{ font-size:0.2rem; text-align:center; color:#666666; margin-top:0.15rem;} .product_style ul li a{ display:block; padding-bottom: 0.1rem;} .product_style ul li:last-child{ margin-right:0px;} .product_style ul li a.active{ border-bottom:0.01rem solid #003894;} .product_style ul li a.active p{ color:#003894;} .product_style ul li a.active .icon1{background:url(pic11-1.png) no-repeat top;background-size:100%;} .product_style ul li a.active .icon2{background:url(pic12-1.png) no-repeat top;background-size:100%;} .product_style ul li a.active .icon3{background:url(pic13-1.png) no-repeat top;background-size:100%;} .product_style ul li a.active .icon4{background:url(pic14-1.png) no-repeat top;background-size:100%;} .product_style ul li a.active .icon5{background:url(pic15-1.png) no-repeat top;background-size:100%;} .product_style ul li a.active .icon6{background:url(pic16-1.png) no-repeat top;background-size:100%;} .product{ width:100%; height:auto; margin-top:0.3rem;} .product ul{ width:6.2rem; height:auto; margin:0 auto;} .product ul li{ width:3.05rem; float:left; height:auto; margin-right:0.08rem; background:#fff; margin-bottom:0.08rem; padding-bottom:0.2rem; overflow:hidden; position:relative;} .product ul li:nth-child(2n){ margin-right:0rem;} .product ul li div.product_pic{ width:3.05rem; height:2.7rem; display:table-cell; text-align:center; vertical-align:middle;} .product ul li div.product_pic img{ max-height:2.7rem !important; max-width:3.05rem; vertical-align:middle;} .product ul li h3{ font-size:0.22rem; color:#666666; text-align:center; margin-top:0.2rem; font-weight:normal;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .product ul li p{ color:#888888; font-size:0.2rem; text-align:center; margin-top:0.1rem;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .product_new{ position:absolute; width:0.6rem; height:0.3rem; background:#36ca94; color:#fff; font-size:0.2rem; line-height:0.3rem; text-align:center; left:0.1rem; top:0.1rem;} .product_tui{ position:absolute; width:0.6rem; height:0.3rem; background:#ff9000; color:#fff; font-size:0.2rem; line-height:0.3rem; text-align:center; left:0.1rem; top:0.1rem;} .product_more{ width:6.2rem; height:auto; margin:0 auto; border-top:0.01rem solid #e9e9e9; text-align:center; margin-top:0.5rem; margin-bottom:0.4rem;} .product_more h3{ width:1.5rem; height:auto; margin:0 auto; background:#f6f6f6; margin-top:-0.15rem; color:#999999; font-size:0.2rem; text-align:center; font-weight:normal;} .product_more h3>img{ width:0.18rem !important; height:0.18rem !important ; margin-right:0.1rem;} /*浜у搧璇︽儏*/ .index_banner{ width:100%; height:auto; background:url(bg2.jpg) no-repeat top; padding-top:0.88rem; padding-bottom:0.15rem;} .banner_pic{ width:1.7rem; height:3.13rem; text-align:center; font-size:0; margin-left:1rem; float:left;} .banner_pic span{ display:inline-block; height:100%; vertical-align:middle;} .banner_pic img{ max-height:3.13rem; max-width:1.7rem; vertical-align:middle;} .banner_text{ width:2.8rem; height:auto; float:left;} .banner_text h3{ margin-top:0.6rem; font-size:0.22rem; color:#666666; text-align:center; margin-bottom:0.15rem; font-weight:normal;} .banner_text p{ font-size:0.16rem; color:#666666; text-align:center;} .banner_text span{ display:block; margin-top:0.35rem; text-align:center;} .banner_text span>a img{ width:0.13rem; height:0.16rem; margin-right:0.1rem;} .banner_text span a{ font-size:0.16rem; color:#ff9000;} .banner_zixun{ width:1.8rem; height:0.5rem; margin:0 auto; margin-top:0.2rem;} .banner_zixun a{ display:block; width:100%; float:left; background:#003894; color:#ffffff; font-size:0.16rem; height:0.5rem; line-height:0.5rem; border-radius:0.05rem;} .banner_zixun a img{ width:0.18rem; height:0.16rem; margin-left:0.4rem; margin-right:0.1rem;} .banner_bottom{ margin-left:0.15rem;} .banner_bottom img{ width:1.26rem; height:0.4rem;} .p_details{ width:5.8rem; height: auto; margin:0 auto; margin-top:0.4rem;} .list-box ul { width: 100%; } .list-box li { width: 100%; margin-bottom:0.15rem; border-radius:0.05rem; } .list-box li .top01 { font-size: 0.24rem; color: #ffffff; height: 0.65rem; line-height: 0.65rem; cursor:pointer; background:#dddddd; border-radius:0.05rem; } .list-box li .top01.active{ background:#003894;} .list-box li .top01.active a h3{ color:#fff;} .list-box li .top01.active a span{ color:#fff;} .list-box li .top01.active a span>b{ background: url(jian.png) no-repeat top; background-size:100%; } .list-box li .top01 a h3{ font-size:0.24rem; color:#666666; margin-left:0.3rem; float:left; font-weight:normal;} .list-box li .top01 a span{ color:#999999;float:right; margin-right:0.3rem; display: table-cell; text-align: center; vertical-align: middle;} .list-box li .top01 a span>b{width:0.4rem; height:0.4rem; background:url(jia.png) no-repeat top; display:inline-block;background-size:100%; vertical-align:middle; background-size:100%;} .list-box li .top01 a { color: #fff; } .list-box li .bot { position: relative; display: none; padding-top:0.12rem; } .list-box li .bot img{ width:100%; height:auto; vertical-align:middle;} .video{ width:100%; height:auto;} .video_title{ width:5.8rem; height:auto; margin:0 auto; border-top:0.01rem solid #dedede; margin-top:0.55rem; margin-bottom:0.4rem;} .video_title h3{ width:1.6rem; height:auto; margin:0 auto; background:#f7f7f7; color:#003894; font-size:0.24rem; text-align:center; margin-top:-0.15rem;} .video_content{ width:100%; height:auto;} .video_content img{ width:100%; height:auto;} .case{ width:100%; height:auto;} .case_content{ width:100%; height:auto; margin-top:-0.3rem;} .slide{ width: 100%; min-height: 1.8rem; overflow: hidden; position: relative; } .slide .img{ overflow: hidden; position: absolute; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; } .slide .img img{ width:100%; height:auto; } .img_pic{ width:100%; height:0.6rem; position:absolute; background: url(bg3.png) repeat;z-index:2; bottom:0rem;} .slide .img p{ color:#fff; font-size:0.2rem; text-align:center; position:relative; z-index:300; height:0.6rem; line-height:0.6rem;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .slide .img1{ width: 40%; height: 40%; top: 30%; left: -50%; z-index: 1; } .slide .img2{ width: 60%; height: 60%; top: 20%; left: -20%; z-index: 2; } .slide .img3{ width: 80%; height: 100%; top: 10%; left: 10%; z-index: 3; } .slide .img4{ width: 60%; height: 60%; top: 20%; left: 60%; z-index: 2; } .slide .img5{ width: 40%; height: 40%; top: 30%; left: 110%; z-index: 1; } .slide .img3 div.img_pic{ bottom:0.35rem;} .left{ width:0.5rem; height:0.5rem; background:url(pic21.png) no-repeat top; background-size:100%; position:absolute; left:0rem; top:50%; margin-top:-0.25rem;z-index:10;} .right{ width:0.5rem; height:0.5rem; background:url(pic20.png) no-repeat top; background-size:100%;position:absolute; right:0rem;top:50%; margin-top:-0.25rem; z-index:10;} /*鏈嶅姟鏀跨瓥*/ .service_banner{ width:100%; height:auto;} .service_banner img{ width:100%; height:auto;} .service{ width:100%; height:auto;} .service_title{ width:100%; height:auto; background:#fff; overflow:hidden;} .service_title ul{ width:100%; height:auto;} .service_title ul li{ min-width: 22%;padding: 0 0.1rem; height:1rem; line-height:0.95rem; text-align:center; float:left; border-right:0.01rem solid #f3f3f3;} .service_title ul li:last-child{ border-right:0rem;} .service_title ul li a{ font-size:0.2rem; color:#999999; display:block; width:100%;} .service_title ul li a.first{ color:#003894; border-bottom:0.05rem solid #003894;} .service_content{ width:100%; height:auto; background:#fff; overflow:hidden; margin-top:0.2rem; padding-bottom:0.5rem;} .service1{ width:5.8rem; height:auto; margin:0 auto;} .service1 h3{ margin-top:0.4rem; font-size:0.26rem; font-weight:bold; color:#666666;} .service1 p{ font-size:0.2rem; color:#666666; margin-top:0.2rem; line-height:0.3rem; text-indent:0.4rem;} .service2{ width:5.8rem; height:auto; margin:0 auto;} .service2 h3{ margin-top:0.4rem; font-size:0.26rem; font-weight:bold; color:#666666; border-bottom:0.01rem solid #dedede; padding-bottom:0.2rem;} .service2 p{ font-size:0.2rem; color:#666666; margin-top:0.2rem; line-height:0.3rem; text-indent:0.4rem;} .service2 ul{ width:100%; height:auto;} .service2 ul li{height:auto; margin-top:0.3rem; list-style:disc; line-height:0.3rem; color:#666666; font-size:0.2rem; margin-left:0.4rem;} .service_check{ width:100%; height:auto; padding:0.3rem; background:#fff; overflow:hidden; margin-top:0.2rem;} .check_title{ width:100%; height:auto; padding-bottom:0.3rem; border-bottom:0.01rem dashed #dedede;} .check_title h2{ font-size:0.26rem; color:#003894; text-align:center; margin-bottom:0.3rem;} .check_title p{ font-size:0.2rem; color:#666666; line-height:0.36rem; text-indent:0.4rem;} .ques-cont {width: 100%;} .ques-bg {width: 100%; background: url('q-bg-b.png') center bottom no-repeat; padding-bottom: 17px;} .ques-list { width:100%;} .qt {margin-top: 0.4rem;} .ques-list dt {font-size: 0.2rem; font-weight: bold; color: #666; line-height: 0.24rem;} .ques-list dd {padding-left: 26px; overflow: hidden;} .ques-list dd p {width: 100%; float: left; overflow: hidden; margin-top: 0.2rem;} .ques-list dd a {display: block; width: 0.16rem; height: 0.16rem; background: url(check1.png) no-repeat top; float: left; margin-right: 10px;background-size:100%;} .ques-list label {font-size: 0.2rem; margin-top:-0.05rem;display: block;float: left; color: #666666;} .ques-list input {border: 0; border-bottom: 1px solid #dedede; margin-left: 5px; outline: 0; color: #666; display: block; float: left; width: 180px;} /*鍗曢€夋寜閽?/ .ques-list .radio a { background:url(check1.png) no-repeat top; background-size:100%;} /*鍗曢€夋寜閽€変腑*/ .ques-list .radio .radio-click {background:url(check.png) no-repeat top;background-size:100%;} /*澶嶉€夋寜閽?/ .ques-list .check-box a { background:url(pic22.png) no-repeat top;background-size:100%;} /*閫変腑*/ .ques-list input[type="radio"], .ques-list input[type="checkbox"] {width: 100%; height: 100%; margin: 0; opacity: 0;} .ques-list .check-box .cb-click {background:url(pic23.png) no-repeat top;background-size:100%;} .ques-list span {font-size: 0.2rem; line-height: 0.2rem; display: block; margin: 0.4rem 0 0.2rem; color: #666666; text-align: center;} .submit-box {width: 2.2rem; padding: 0.4rem 0; margin: 0 auto;} .submit {background: #003894; border: 0; color: #fff; font-size: 0.2rem; width: 2.2rem; height: 0.54rem; border-radius: 0.05rem; cursor: pointer;} .ques-btn-box{ width:100%; border-top:0.01rem solid #dedede; overflow:hidden;} /*--------------------------------- 鏈嶅姟 璋冩煡闂嵎 end ---------------------------------*/ /*鍟嗗闄?/ .banner1{ height:auto;} .service_business{ width:100%; height:auto;} .business_title{ width:100%; height:auto; background:#003894; overflow:hidden;} .business_title ul{ width:100%; height:auto;} .business_title ul li{ width:50%; height:auto; float:left; border:0.01rem solid #3e86c5; border-left:none; border-top:none;} .business_title ul li:nth-child(3){ border-bottom:none;} .business_title ul li:last-child{ border-bottom:none;} .b_pic{ width:0.54rem; height:1.3rem; float:left; text-align:center; font-size:0; margin-left:0.3rem;} .b_pic span{ display:inline-block; height:100%; vertical-align:middle;} .b_pic img{ max-width:0.54rem; max-height:1.3rem; vertical-align:middle;} .b_text{ width:2rem; margin-right:0.20rem; float:right; margin-top:0.4rem;} .b_text h3{ font-size:0.22rem; color:#ffffff; margin-bottom:0.05rem; font-weight:normal;} .b_text p{ font-size:0.18rem; color:#fff; opacity:0.5;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .service_line{ width:100%; height:auto; background:#fff; padding-top:0.4rem; overflow:hidden;} .service-l-title{ width:100%; height:auto; position:relative;} .service-l-title h1{ font-size:0.26rem; color:#424242; text-align:center; font-weight:bold;} .service-l-title hr{ display:block; width:6rem; height:auto; border:none; border-top:0.01rem solid #e4e0e0;margin:0 auto; text-align:center; margin-top:0.2rem; } .service-l-title div{ width:0.13rem; height:0.13rem; position:absolute; left:50%; margin-left:0.06rem; top:0.49rem; background:#fff; border-radius:100%; border:0.02rem solid #e5e1e1;} .service-l-content{ width:5.8rem; height:auto; margin:0 auto;} .service-l-content ul{ width:100%; height: auto;} .service-l-content ul li{ width:100%; height: auto; margin-top:0.55rem; overflow:hidden;} .se-l-pic{ width:0.54rem; height:0.84rem; float:left; text-align:center; font-size:0;} .se-l-pic span{ display:inline-block; height:100%; vertical-align:middle;} .se-l-pic img{ max-height:0.84rem; max-width:0.54rem; vertical-align:middle;} .se-l-text{ width:4.85rem; height:auto; float:right;} .se-l-text h3{ font-size:0.24rem; color:#424242; font-weight:bold;} .se-l-text p{ font-size:0.2rem; color:#757373; line-height:0.26rem; margin-top:0.1rem;} .service_jx{ width:100%; height:auto; background:url(bg4.jpg) no-repeat top; padding:0.4rem 0rem; overflow:hidden;} .service_jx_title{ width:100%; height:auto; text-align:center; font-size:0.26rem; font-weight:bold; color:#424242;} .service_jx_content{ width:5.35rem; height:auto; margin:0 auto; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 0.08rem; padding:0.2rem; margin-top:0.25rem;} .service_jx_content img{ width:100%; height:auto;} .service_jx_text{ width:100%; height:auto; margin-top:0.2rem;} .service_jx_text h2{ font-size:0.24rem; color:#003894; font-weight:normal; margin-bottom:0.08rem;} .service_jx_text span{ font-size:0.2rem; color:#999999;} .service_jx_text span>font{ font-size:0.2rem; font-family:Arial; color:#999999;} .service_jx_text p{ margin-top:0.1rem; color:#666666; font-size:0.22rem; line-height:0.34rem;} .service_more{ display:block; width:2.1rem; height:0.5rem; margin:0 auto; margin-top:0.3rem; line-height:0.5rem; text-align:center; border:0.02rem solid #003894; font-size:0.2rem; color:#003894 !important; border-radius:0.08rem;} .service_person{ width:100%; height:auto; background:#fff; padding-top:0.55rem; overflow:hidden; padding-bottom:0.55rem;} .service-p-title{ width:100%; height:auto;} .service-p-title h3{ font-size:0.26rem; color:#424242; text-align:center; font-weight:bold;} .service-p-title p{ font-size:0.18rem; color:#666666; text-align:center; margin-top:0.05rem;} .service-p-content{ width:5.8rem; margin:0 auto; height:auto;} .service-p-content ul{ width:100%; height:auto;} .service-p-content ul li{ width:2.8rem; height:auto; background:#f5f6f6; float:left; margin-right:0.2rem; position:relative; padding:0.2rem; border-radius: 0.08rem; margin-top:0.9rem; padding-bottom:0.4rem;} .service-p-content ul li:nth-child(2n){ margin-right:0rem;} .person_pic{ width: 1.32rem; height: 1.32rem; overflow: hidden; border-radius: 50%; padding: 0.04rem; box-shadow: 0 0.07rem 0.09rem rgba(51, 51, 51, 0.1); position: absolute; top: -0.66rem; left: 50%; margin-left: -0.66rem; background: #fff; transition: all 0.3s ease-in-out;} .person_pic img{ width:100%; height:auto; border-radius:100%;} .service-p-content ul li h3{ margin-top:0.7rem; font-size:0.24rem; color:#003894; font-weight:bold;} .service-p-content ul li p{ font-size:0.2rem; color:#555555; line-height:0.3rem; margin-top:0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; height:1.8rem;} .service_video{ width:100%; height:auto; padding-top:0.6rem;padding-bottom:0.5rem; overflow:hidden; overflow:hidden;} .service-v-title{ width:100%; height:auto; font-size:0.26rem; color:#424242; font-weight:bold; text-align:center;} .service-v-content{ width:100%; height:auto; margin:0 auto; padding-top:0.45rem; background:#f5f5f5 url(bg5.png) no-repeat center; overflow:hidden;} .service-v-content ul{ width:5.8rem; height:auto; margin:0 auto;} .service-v-content ul li{ width:2.8rem; height:auto; float:left; margin-right:0.2rem; border-radius:0.05rem; position:relative; margin-bottom:0.2rem;} .service-v-content ul li:nth-child(2n){ margin-right:0rem;} .service-v-content ul li img{height:auto; border-radius:0.05rem;} .service-v-content ul li h3{ height:0.6rem; line-height:0.6rem; font-size:0.22rem; font-weight:normal; color:#424242; text-align:center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .service_player{ position:absolute; width:100%; height:1.9rem; background: rgba(0, 0, 0, 0.5) !important; /* IE鏃犳晥锛孎F鏈夋晥 */ background: #000; filter: alpha(opacity=50); z-index:1; border-radius:0.05rem;} .service_player img{ width:0.81rem !important; height:0.81rem !important; position:relative; left:50%; margin-left:-0.4rem; top:50%; margin-top:-0.4rem;} .bussiness{ width:100%; height:auto; background:#fff; overflow:hidden;} .bussiness ul{ width:5.8rem; height:auto; margin:0 auto; margin-top:0.1rem;} .bussiness ul li{ width:2.8rem; height:auto; float:left; margin-right:0.2rem; margin-top:0.2rem; padding:0.1rem; background:#f6f6f6; border-radius:0.05rem; padding-bottom:0.2rem;} .bussiness ul li:nth-child(2n){ margin-right:0rem;} .bussiness ul li img{ width:100%; height:auto;} .bussiness ul li p{ margin-left:0.1rem; margin-top:0.18rem; font-size:0.22rem; color:#666666; line-height:0.3rem; margin-right:0.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:0.6rem;} .bussiness_more h3{ background:#fff;} .bussiness_video{ padding-top:0.5rem; background:#fff; padding-bottom:0rem;} .bussiness-v-content{ background:#fff; padding-top:0.2rem;} .bussiness-v-content ul li{ margin-top:0.2rem; margin-bottom:0rem;} .bussiness_person{ padding-bottom:0.2rem;} /* questions */ .service_help{ width:100%; height:auto; background:#fff; overflow:hidden; padding-bottom:0.5rem;} .list-box1{ width:5.8rem; height:auto; margin:0 auto; margin-top:0.2rem; overflow:hidden;} .list-box1 li .top02{height: 0.7rem;line-height: 0.7rem; border-radius:0; background:#003894 !important;} .list-box1 li .top02 a h3{ text-align:center; float:none; color:#fff !important;} .list-box1 li .top02.active a h3>i{ background:url(pic24.png) no-repeat top; width:0.2rem; height:0.12rem; display:inline-block; margin-left:0.15rem; background-size:100%;} .list-box1 li .bot1{ padding-top:0rem;} .bot_content{ width:100%; height:auto; border-bottom:0.01rem dashed #e5e5e5; overflow:hidden; padding-bottom:0.2rem;} .bot_content h3{ padding:0rem 0.2rem; margin-top:0.15rem; background:#f3f3f3; height:0.5rem; line-height:0.5rem; font-size:0.2rem; color:#003894; font-weight:normal;} .bot_content p{ margin-top:0.25rem; color:#666666; line-height:0.28rem; font-size:0.2rem;padding:0rem 0.2rem;} .bot_content .a{ display:block; float:right; width:1.2rem; height:0.35rem; line-height:0.35rem; text-align:center; border:0.01rem solid #003894; border-radius:0.02rem; font-size:0.2rem; color:#003894;} .help_more h3{ background:#fff;} .list-box1 li{ margin-bottom:0rem; margin-top:0.2rem;} /*甯姪涓績璇︽儏*/ .help_details{ width:100%; height:auto; background:#fff; overflow:hidden; padding-top:0.4rem;} .help_title{ width:5.8rem; height:auto; margin:0 auto; background:#f6f6f6; overflow:hidden;padding-top:0.27rem; padding-bottom:0.2rem;} .help_title h3{ font-size:0.24rem; color:#333333; text-align:center;} .help_title p{ text-align:center; margin-top:0.15rem;} .help_title p>span{ color:#888888; font-size:0.2rem; margin-right:0.38rem;} .help_title p>span:last-child{ margin-right:0rem;} .help_content{ width:5.8rem; height:auto; margin:0 auto; margin-top:0.3rem;} .help_content p{ text-indent:0.4rem; font-size:0.2rem; color:#666666; line-height:0.36rem; margin-bottom:0.45rem;} .help_content div{ width:100%; height:auto; text-align:center; margin-bottom:0.45rem;} .help_content div>img{ max-width:100%; height:auto; vertical-align:middle;} .help_content div>span{ display:block; margin-top:0.3rem; color:#666666; font-size:0.2rem; text-align:center;} .help_bottom{ width:5.8rem; height:auto; margin:0 auto; border-top:0.01rem dashed #e5e5e5; padding-top:0.35rem; padding-bottom:0.4rem;} .help_bottom ul{ width:100%; height: auto;} .help_bottom ul li{ width:100%; height:auto; margin-bottom:0.2rem;} .help_bottom ul li a{ font-size:0.2rem; color:#888888;} .help_bottom ul li a>span{font-size:0.2rem; color:#666666;} /*瑙嗛椤甸潰*/ .news{ width:100%; height:auto; background:#fff; margin-bottom:1rem;} /*瀵艰埅*/ .wrapper04 {position:relative;height: 1rem;width: 100%;overflow: hidden;margin:0 auto; background:#fff;} .wrapper04 .scroller {width:100%;position:absolute; background:#fff; height:1rem;} .wrapper04 .scroller li {height: 1rem;float: left;line-height:0.96rem;text-align: center; width:25%; border-right:0.01rem solid #f3f3f3;} .wrapper04 .scroller li a{color:#999999;display:block;font-size:0.20rem;} .wrapper04 .scroller li.cur{background-size:100%;} .wrapper04 .scroller li.cur a{color:#003894; border-bottom:0.04rem solid #003894;} .news_content{ width:100%; height:auto;} .news1{ width:100%; height:auto; position:relative;} .news1>img{ width:100%; height:auto;} .news_player{ position:absolute; width:0.46rem; height:0.46rem; left:50%; margin-left:-0.23rem; top:50%; margin-top:-0.23rem; z-index:1;} .news_player img{ width:0.46rem !important; height:0.46rem !important;} .news1_text{ padding:0rem 0.2rem; position:absolute; bottom:0rem; left:0rem; z-index:1; padding-bottom:0.15rem;} .news1_text p{ font-size:0.2rem; color:#ffffff; margin-bottom:0.05rem;} /*妗堜緥灞曠ず*/ .news_case{ width:100%; height:auto;} .news-c-content{ padding-bottom:1rem; overflow:hidden;} /*妗堜緥灞曠ず璇︽儏*/ .banner2{ margin-top:0.88rem; height:3.9rem;} .slideBox .hd2{ bottom:0.1rem;} .casedetails{ width:5.8rem; height:auto; margin:0 auto;} .casedetails_title{ width:100%; height:auto; margin-top:0.35rem; padding-bottom:0.3rem; border-bottom:0.01rem solid #dedede; overflow:hidden; font-size:0.24rem; color:#333333;} .casedetails-c-top{ width:100%; height:auto; margin-top:0.25rem;} .case1{ width:100%; height:auto; margin-bottom:0.4rem; overflow:hidden;} .case1 h3{ font-size:0.22rem; color:#333333; margin-bottom:0.08rem; font-weight:normal;} .case1 span{ font-size:0.2rem; color:#003894;} .case1 p{ font-size:0.2rem; color:#666666; line-height:0.35rem;} .casedetails-c-bottom{ width:100%; height:auto; padding-bottom:1rem;} .casedetails-c-bottom h3{ padding-bottom:0.2rem; font-size:0.22rem; color:#003894; border-bottom:0.01rem solid #dedede;} .casedetails-c-bottom hr{ width:0.45rem; height:auto; border:none; border-top:0.04rem solid #003894; margin-left:0.22rem; margin-top:-0.05rem;} .casedetails-c-bottom p{ margin-top:0.3rem; font-size:0.2rem; color:#666666; line-height:0.35rem;} /*鏂伴椈*/ .news1{ width:100%; height:auto;} .slideBox1 .bd li{ position:relative;} .slideBox1 .bd li a{ display:block; width:100%; height:4.2rem;} .news_banner{ position:absolute; bottom:0rem; left:0rem; padding:0rem 0.2rem;} .news_banner p{ font-size:0.2rem; color:#ffffff; text-align:left !important; margin-bottom:0.15rem;} .slideBox .hd3{ width:0.9rem; left:5.4rem;} .slideBox .hd3 li.on{ background:#fff;} .banner3{ margin-top:0.2rem;} .news1_title{ width:100%; height:auto; background:#fff; margin-top:0.4rem; padding-top:0.3rem;} .wrapper01 {position:relative;height: 0.6rem;width:5.8rem; margin:0 auto;overflow: hidden;margin:0 auto;border-bottom:0.01rem solid #dedede} .wrapper01 .scroller {position:absolute} .wrapper01 .scroller li {height: 0.6rem;color:#333;float: left;line-height: 0.6rem;font-size: .4rem;text-align: center; width:1.45rem;} .wrapper01 .scroller li a{color:#666666;display:block; font-size:0.2rem; font-weight:bold;} .wrapper01 .scroller li.cur a{color:#003894;} .news1_content{ width:100%; height:auto; background:#fff; padding-bottom:0.6rem;} .news1_content ul{ width:5.8rem; height:auto; margin:0 auto;} .news1_content ul li{ width:100%; height:auto; padding-top:0.52rem; padding-bottom:0.32rem; border-bottom:0.01rem dashed #e5e5e5; overflow:hidden; clear:both;} .news1_pic{ width:2rem; height:1.3rem; float:left; text-align:center; font-size:0;} .news1_pic span{ display:inline-block; height:100%; vertical-align:middle;} .news1_pic img{ max-width:2rem !important; max-height:1.3rem !important; vertical-align:middle;} .news_text{ width:3.6rem; height:auto; float:right;} .news_text h3{ font-size:0.2rem; color:#666666; font-weight:bold; margin-top:0.05rem;} .news_text p{ font-size:0.2rem; color:#999999; line-height:0.28rem; margin-top:0.15rem; margin-bottom:0.25rem;} .news_text span{ float:left; font-size:0.18rem; color:#999999; font-family:Arial;} .news_text span>img{ width:0.18rem; height:0.18rem; margin-right:0.08rem;} .news_text font{ float:right; font-size:0.18rem; color:#999999; width:1.8rem; display:inline-block;} .news_text font>img{ width:0.18rem; height:0.18rem; margin-right:0.08rem;} /*鏂伴椈璇︽儏椤?/ .newsdetails{ margin-top:0.88rem; background:none; padding-top:0.3rem;} .news_title{ background:#e7e7e7;} .newsdetails_content img{ margin-bottom:0.45rem;} /*鍏徃绠€浠?/ .wrapper04 .scroller1 li{ width:1.6rem;} .about_top{ width:100%; height:auto; background:#fff; margin-top:0.2rem; padding-top:0.5rem; padding-bottom:0.4rem;} .about-t-title{ width:100%; height:auto;} .about-t-title h3{ font-size:0.3rem; color:#003894; font-weight:bold; text-align:center;} .about-t-title p{ width:5.5rem; height:auto; margin:0 auto; color:#666666; font-size:0.2rem; line-height:0.36rem; margin-top:0.3rem; text-align:center;} .about-t-video{ width:100%; height:auto; position:relative;} .video_about{ width:6rem; height:3.59rem; background:url(bg6.png) no-repeat top; position:relative; margin:0 auto; padding:0.12rem; margin-top:0.25rem;} .about_player{ width:0.46rem; height:0.46rem; position:absolute; z-index:1; left:50%; top:50%; margin-left:-0.23rem; margin-top:-0.23rem;} .about_player img{width:0.46rem !important; height:0.46rem !important;} .video_about img{ width:100%; height:auto;} .about-t-video h3{ margin-top:0.1rem; color:#666666; font-size:0.2rem; text-align:center;} .about_main{ width:100%; height:auto; background:url(bg7.jpg) no-repeat top; padding-top:0.4rem; padding-bottom:0.25rem;} .about_main h3{ font-size:0.26rem; color:#003894; font-weight:bold; text-align:center;} .about_main p{ width:5.8rem; height:auto; margin:0 auto; margin-top:0.35rem; font-size:0.2rem; line-height:0.36rem; color:#666666;} .about_pic{ width:100%; height:auto;} .about_pic1{ width:100%; height:auto; margin-bottom:0.06rem;} .about_pic1 img{ width:100%; height:auto;} .about_left{ width:3.2rem; height:auto; float:left;} .about_left img{ width:100%; height: auto;} .about_right{ width:3.2rem; float:right;} .about_pic2{ width:100%; height:auto;} .about_pic2 img{ width:100%; height:auto;} .about_pic3{ width:100%; height:auto;} .about_pic3 img{ width:100%; height:auto;} .about_bottom{ width:100%; height:auto; background:#fff; padding-top:0.4rem; overflow:hidden;} .about-b-title{ width:5.8rem; height:auto; margin:0 auto;} .about-b-title h3{ font-size:0.26rem; color:#003894; font-weight:bold; text-align:center;} .about-b-title p{ color:#666666; margin-top:0.35rem; line-height:0.36rem; font-size:0.2rem;} .about-b-bottom{ width:5.8rem; height:auto; margin:0 auto; margin-top:0.25rem; padding-bottom:0.4rem;} /*棰嗗鍏虫€€*/ .leader_content{ width:100%; height:auto;} .leader_content ul{ width:5.8rem; height:auto; margin:0 auto;} .leader_content ul li{ width:100%; height:auto; background:#fff; margin-top:0.2rem; overflow:hidden; clear:both;} .leader_pic{ width:2.8rem; height:1.85rem; float:left; text-align:center; font-size:0;} .leader_pic span{ display:inline-block; height:100%; vertical-align:middle;} .leader_pic img{ max-height:1.85rem !important; max-width:2.8rem !important; vertical-align:middle;} .leader_text{ width:2.78rem; height:auto; float:right;} .leader_text p{ font-size:0.2rem; color:#666666; line-height:0.3rem; margin-top:0.2rem;} /*浼佷笟鏂囧寲*/ .culture{ width:100%; height:auto; background:#fff; margin-top:0.2rem;padding-top:0.5rem;} .culture_top{ width:5.8rem; height:auto; margin:0 auto; padding-bottom:0.45rem; border-bottom:0.01rem solid #dedede;} .culture_title{ width:3.12rem; height:2.95rem; margin:0 auto; text-align:center; font-size:0;} .culture_title span{ display:inline-block; height:100%; vertical-align:middle;} .culture_title img{ max-height:2.95rem !important; max-width:3.12rem !important; vertical-align: middle;} .culture_top p{ margin-top:0.5rem; font-size:0.2rem; color:#666666; line-height:0.36rem;} .culture_bottom{ width:5.8rem; height:auto; margin:0 auto;} .culture_bottom ul{ width:100%; height:auto; padding-bottom:0.3rem;} .culture_bottom ul li{ width:100%; height:auto; padding-top:0.5rem; padding-bottom:0.25rem; border-bottom:0.01rem dashed #e5e5e5; overflow:hidden;} .culture_pic{ width:0.91rem; height:0.84rem; float:left; text-align:center; font-size:0; margin-left:0.15rem;} .culture_pic span{ display:inline-block; height:100%; vertical-align:middle;} .culture_pic img{ max-height:0.84rem !important; max-width:0.91rem !important; vertical-align:middle;} .culture_text{ width:4.45rem; height:auto; float:right;} .culture_text h3{ font-size:0.26rem; color:#02448e; font-weight:bold; margin-bottom:0.05rem;} .culture_text p{ font-size:0.2rem; line-height:0.28rem; color:#666666;} /*鑽h獕璧勮川*/ .honor{ width:100%; height:auto;} .honor ul{ width:5.8rem; height:auto; margin:0 auto;} .honor ul li{ width:2.8rem; height:2.07rem; padding:0.1rem; background:#fff; float:left; margin-right:0.2rem; margin-top:0.2rem;box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,0.1); border: 0.01rem solid #f0f0f0;} .honor ul li:nth-child(2n){ margin-right:0rem;} .honor ul li span{ display:inline-block; height:100%; vertical-align:middle;} .honor ul li img{ max-width:2.8rem; max-height:2.07rem; vertical-align:middle;} /*鍥㈤槦椋庨噰*/ .team{ width:100%; height:auto;} .team ul{ width:5.8rem; height:auto; margin:0 auto;} .team ul li{ width:2.8rem; height:auto;background:#fff; float:left; margin-right:0.2rem; margin-top:0.2rem; overflow:hidden;} .team ul li:nth-child(2n){ margin-right:0rem;} .team_pic{ width:2.8rem; height:1.85rem; display:table-cell; text-align:center; vertical-align:middle;} .team_pic img{ max-width:100%; max-height: auto; vertical-align:middle;} .team ul li p{ margin-left:0.22rem; margin-top:0.1rem; margin-bottom:0.15rem; font-size:0.2rem; color:#666666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*娲诲姩*/ .activity{ width:5.8rem; height:auto; margin:0 auto; background:#fff; border-radius:0.1rem; margin-top:0.3rem; overflow:hidden; padding-bottom:0.3rem;} .activity_pic{ width:100%; height:auto;} .activity_pic img{ width:100%; height:auto;border-radius:0.1rem;} .activity_text{ width:5.1rem; height:auto; margin:0 auto; margin-top:0.35rem;} .activity_text h1{ font-size:0.28rem; color:#333333; font-weight:normal;} .activity_text h3{ font-size:0.22rem; color:#ff9000; font-weight:bold; margin-top:0.2rem;} .activity_text h3>span{ width:1.1rem; height:0.35rem; display:inline-block; margin-right:0.1rem; background:#ff9000; border-radius:0.05rem; font-size:0.2rem; color:#fff; text-align:center; line-height:0.35rem;} .activity_text h3>font{ font-size:0.22rem; color:#ff9000; font-weight:bold; margin-right:0.1rem; font-family:Arial;} .activity_text p{ margin-top:0.2rem; line-height:0.35rem; color:#888888; font-size:0.2rem;} .activity_text .a{ float:right; display:block; margin-top:0.5rem; font-size:0.2rem; color:#003894;} /*娲诲姩璇︽儏椤?/ .h_details{ width:5.8rem; height:auto; margin:0 auto; margin-top:0.5rem; padding-bottom:0.5rem;} .h_details h3{ text-align:center; font-size:0.24rem; color:#003894;} .h_details p{ margin-top:0.25rem; text-indent:0.4rem; line-height:0.36rem; color:#666666; font-size:0.2rem;} /*鎷涜搐绾冲+*/ .join_banner{ margin-top:0.88rem;} .join{ width:100%; height:auto; background:#fff; padding-bottom:0.5rem;} .list-box2 li .top03{ height:0.75rem; line-height:0.75rem;} .list-box2{ width:5.8rem; height:auto; margin:0 auto; margin-top:0.4rem;} .list-box2 li .bot{border:0.01rem solid #003894; border-radius:0.05rem; border-top:none; top:-0.05rem;} .join1{ width:5rem; height:auto; margin:0 auto; margin-top:0.4rem;} .join1 h3{ font-size:0.2rem; color:#666666; font-weight:normal;} .join1 p{ font-size:0.2rem; color:#666666; line-height:0.4rem; margin-top:0.1rem;} .join_bottom{ width:5rem; height:auto; margin:0 auto; border-top:0.01rem dashed #d5d5d5; padding-top:0.3rem; padding-bottom:0.35rem; margin-top:0.2rem;} .join_bottom p{ color:#555555; font-size:0.2rem;} .join_bottom p>span{ font-size:0.2rem; color:#003894;} /*鍏ㄥ浗浣撻獙搴?/ .china{ width:100%; height:6.4rem; background:url(map.jpg) no-repeat top; position:relative; z-index:10;} .china_bottom{ position:absolute; width:5.8rem; height:auto; left:0.3rem; bottom:0.6rem;} .china_bottom select{ width:2rem; height:0.6rem; background:#fff; border-radius:0.05rem; margin-right:0.04rem; border:none; float:left; padding-left:0.2rem; font-size:0.22rem; color:#999999;} .china_bottom button{ width:1.7rem; border:none; border-radius:0.05rem; height:0.6rem; float:right; background:#003894; color:#fff; line-height:0.6rem; text-align:center;} /*鍏ㄥ浗浣撻獙搴楄缁嗛〉闈?/ .chinadetails{ width:6rem; height:auto; margin:0 auto; background:#fff; padding:0.2rem; margin-bottom:0.5rem;} .banner4{ height:auto;} .slideBox .hd4{ bottom:0.1rem;} .chinadetails_text{ width:100%; height:auto; margin-top:0.25rem;} .c-t-top{ width:100%; height:auto; padding-bottom:0.3rem; border-bottom:0.01rem solid #e5e5e5; overflow:hidden; font-size:0.26rem; color:#333333; font-weight:normal;} .c-t-main{ width:100%; height: auto;} .c-t-main ul li{ width:100%; height: auto; margin-top:0.35rem; clear:both; overflow:hidden;} .c_left{ width:0.25rem; height:0.3rem; float:left; text-align:center; font-size:0;} .c_left span{ display:inline-block; height:100%; vertical-align:middle;} .c_left img{ max-height:0.3rem; max-width:0.25rem; vertical-align:middle;} .c_right{ width:5.15rem; height:auto; float:right; font-size:0.2rem; line-height:0.3rem; color:#666666; float:right;} .china_message{ width:5.4rem; height:0.6rem; margin:0 auto; margin-top:0.35rem;} .china_message a{ display:block; width:100%; float:left; background:#003894; text-align:center; height:0.6rem; line-height:0.6rem; color:#fff; font-size:0.22rem; border-radius:0.05rem;} .china_message a>img{ width:0.25rem; height:0.23rem; margin-right:0.1rem;} /*鑱旂郴鎴戜滑*/ .contact{ width:100%; height:auto; background:#fff; overflow:hidden;} .contact_title{ width:100%; height:1rem;} .contact_title ul li{ width:2.133rem; height:1rem; line-height:0.95rem; float:left; border-right:0.01rem solid #f3f3f3; text-align:center;} .contact_title ul li a{ display:block; width:100%; float:left; color:#999999; font-size:0.2rem; height:1rem;} .contact_title ul li a.second{ color:#003894; border-bottom:0.05rem solid #003894;} .contact_top{ width:100%; height:auto; background:#f6f6f6; padding:0.5rem 0.3rem 0.3rem 0.3rem; overflow:hidden;} .contact_top h1{ font-size:0.28rem; color:#333333; font-weight:normal;} .contact_top span{ font-family:Arial; text-transform:uppercase; color:#999999; font-size:0.14rem; display:block; margin-top:0.05rem;} .contact_top h3{ font-size:0.18rem; color:#666666; font-weight:normal; margin-top:0.33rem;} .contact_top h2{ font-size:0.32rem; margin-top:0.08rem; color:#003894; font-weight:normal; margin-bottom:0.4rem; font-family:Arial;} .contact_top p{ font-size:0.2rem; margin-bottom:0.05rem; color:#666666; line-height:0.36rem;} .cu-t-right {width: 6.2rem; background: #fff; margin:0 auto; margin-top:0.1rem; box-shadow: 0 0 0.3rem rgba(0,91,170,0.15);} .map-box {width: 100%; height: 3.8rem;} #map {width: 100%; height: 100%;} .map-list {margin-top: 0.1rem; overflow: hidden;} .map-list li {float: left; width:2.066rem;height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 0.04rem; font-size: 0.18rem; cursor: pointer; transition: all 0.3s ease-in-out;} .map-list li:hover, .map-on {background: #003894; color: #fff;} .luxian{ width:100%; height:auto; background:#fff; padding:0.6rem 0.3rem 0rem 0.3rem;} .luxian_title{ width:100%; height:auto; font-size:0.2rem; color:#003894;} .luxian_content{ width:100%; height:auto; margin-top:0.3rem;} .luxian_content ul{ width:100%; height:auto;} .luxian_content ul li{ width:100%; height:auto; margin-bottom:0.5rem; overflow:hidden;} .luxian_pic{ width:0.24rem; height:0.24rem; float:left;} .luxian_pic img{ width:0.24rem; height:0.24rem;} .luxian_text{ width:5.5rem; height:auto; float:right; color:#666666; font-size:0.18rem; line-height:0.36rem;} .kefu{ width:5.8rem; height:auto; background:#fff; margin:0 auto; padding-top:0.45rem;border-top:0.01rem solid #e5e5e5;} .kefu_title{ width:100%; height: auto; font-size:0.2rem; color:#003894;} .kefu_content{ width:100%; height:auto; margin-top:0.35rem;} .kefu_content ul{ width:100%; height:auto;} .kefu_content ul li{ width:2.6rem; height:auto; float:left; margin-right:0.2rem; margin-bottom:0.4rem;} .kefu_content ul li;nth-child(2n){ margin-right:0rem;} .kefu_content ul li span{ display:block; width:0.1rem; height:0.1rem; border-radius:0.05rem; float:left; border:0.02rem solid #003894;} .kefu_text{ width:2.4rem; height:auto; float:right; margin-top:-0.05rem;} .kefu_text p{ font-size:0.2rem; color:#666666; margin-bottom:0.1rem;} /*缃戠珯鑿滃崟鍒楄〃*/ .menu{ width:100%; height:auto; background:#fff; padding:0rem 0.3rem; overflow:hidden; padding-bottom:0.6rem;} .menu_list{ width:100%; height:auto; margin-top:0.35rem;} .menu_list-t{ width:100%; height:auto;} .menu_list-t h1{ font-size:0.24rem; color:#666666; font-weight:bold; border-bottom:0.01rem solid #eeeeee; padding-bottom:0.25rem;} .menu_list-t hr{ width:0.5rem; height:auto; display:block; margin-left:0rem; border:none; border-top:0.02rem solid #003894; margin-top:-0.02rem;} .menu_list-c{ width:100%; height:auto; overflow:hidden; clear:both;} .menu_list-c ul li{ width:1.933rem; float:left; text-align:center; height:auto; margin-top:0.3rem;} .menu_list-c ul li a{ font-size:0.22rem; color:#666666;} /*鎷涘晢鍔犵洘*/ .zhaoshang_banner{ margin-top:0.88rem;} .zhao{ width:100%; height:auto; background:#fff; overflow:hidden;} .work{ width:5.8rem; height:auto; margin:0 auto;} .work_title{ width:100%; height:auto; text-align:center; margin:0.3rem 0rem;} .work_title img{ max-width:100%; height:auto; vertical-align:middle;} .work_content{ width:100%; height:auto; text-align:center;} .work_content img{ max-width:100%; height:auto; vertical-align:middle; margin-bottom:0.3rem;} .pinpai{ width:100%; height:auto; background:url(pic29.png) no-repeat top; background-size:100%;} .pinpai_title{ width:100%; height:auto; text-align:center; margin:0.3rem 0rem;} .pinpai_title img{ max-width:100%; height:auto; vertical-align:middle;} .pinpai_content{ width:5.8rem; height:auto; margin:0 auto;} .pinpai_content h3{ font-size:0.24rem; color:#1f7ac6; font-weight:bold; margin-bottom:0.35rem; margin-top:0.5rem;} .pinpai_content ul li{ width:100%; height:auto; margin-bottom:0.20rem; list-style:disc;color:#105c9c; margin-left:0.3rem;} .pinpai_content ul li a{ font-size:0.2rem; color:#105c9c;} .pinpai-c-title{ width:100%; height:auto; text-align:center; margin-top:0.6rem; margin-bottom:0.3rem;} .pinpai-c-title img{ max-width:100%; height:auto; vertical-align:middle;} .pinpai-c-content{width:100%; height:auto; text-align:center;} .pinpai-c-content img{ max-width:100%; height:auto; vertical-align:middle;} .pinpai-c-content p{ margin-top:0.2rem; color:#666666; font-size:0.2rem; text-align:center; line-height:0.34rem; padding:0rem 0.3rem;} .vcr{ width:100%; height:auto;} .vcr_title{ width:100%; height:auto; text-align:center; margin-top:0.6rem; margin-bottom:0.3rem;} .vcr_title img{ max-width:100%; height:auto; vertical-align:middle;} .cai{ width:100%; height:auto;} .cai_title{ width:100%; height:auto; text-align:center; margin-top:0.6rem; margin-bottom:0.3rem;} .cai_title img{ max-width:100%; height:auto; vertical-align:middle;} .cai_content{ width:5.8rem; height:auto; margin:0 auto;} .cai-c-top{ width:100%; height:auto; position:relative;} .cai-c-top img{ width:100%; height:auto;} .service_player1{ position:absolute; width:0.81rem; height:0.81rem;left:50%; margin-left:-0.4rem; top:50%; margin-top:-0.4rem; z-index:1;} .service_player1 img{ width:0.81rem !important; height:0.81rem !important;} .cai-c-bottom{ width:100%; height:auto;} .cai-c-bottom ul li{ width:2.8rem; height:auto; float:left; margin-right:0.2rem; position:relative; margin-top:0.2rem;} .cai-c-bottom ul li:nth-child(2n){ margin-right:0rem;} .hold{ width:100%; height:auto;} .hold_title{ width:100%; height:auto; text-align:center; margin-top:0.6rem; margin-bottom:0.4rem;} .hold_title img{ max-width:100%; height:auto; vertical-align:middle;} .hold_content{ width:5.8rem; height: auto; margin:0 auto; padding:0.3rem; border:0.01rem solid #d12d82; border-radius:0.08rem;} .hold_content h3{ font-size:0.26rem; font-weight:bold; color:#d12d82; text-align:center;} .hold_content p{ font-size:0.2rem; line-height:0.3rem; color:#666666; margin-top:0.3rem;} .zsjm-sup-list {width: 5.8rem; height:auto; margin:0 auto; margin-top: 0.4rem;} .zsjm-sup-list li {width: 100%; height: 1.9rem;background: #fff; box-shadow: 0 0.06rem 0.16rem rgba(5,47,83,0.1); border-radius: 0.1rem; margin-bottom:0.2rem;} .zsjm-sup-left {width: 1.5rem; height: 100%; background: url(bg8.png) no-repeat; text-align: center; float: left;position: relative;} .zsjm-sup-left p {position: absolute; bottom: 0.45rem; width: 100%; } .zsjm-sup-left p>img{ max-width:0.73rem; max-height:0.7rem;} .zsjm-sup-left span {display: block; font-size: 0.22rem; line-height: 0.22rem; font-weight: bold; color: #fff; width: 100%;} .zsjm-sup-text { width:4.1rem; float:right; padding-right:0.2rem;} .zsjm-sup-text .pic-box {height: 1.9rem; text-align: left;} .zsjm-sup-text p {font-size: 0.2rem; line-height: 0.3rem; color:#666666;} .zhuan{ width:100%; height:auto;} .zhuan_title{ width:100%; height:auto; text-align:center; margin-top:0.6rem; margin-bottom:0.4rem;} .zhuan_title img{ max-width:100%; height:auto; vertical-align:middle;} .zhuan_content{ width:100%; height:auto;} .zhuan-c-top{ width:5.8rem; height: auto; margin:0 auto; text-align:center;} .zhuan-c-top h3{ font-size:0.24rem; font-weight:bold; color:#003894; text-align:center; margin-top:0.3rem;} .zhuan-c-top h3>font{ font-size:0.4rem; color:#003894; font-weight:bold; font-style:italic; display:inline-block; margin-right:0.1rem;} .zhuan-c-top p{ font-size:0.2rem; line-height:0.3rem; padding:0rem 0.17rem; text-align:center; color:#666666; margin-top:0.2rem;} .zhuan-c-top img{ max-width:100%; height:auto; margin-top:0.2rem;} .peixun{ width:100%; height:auto;} .peixun_title{ width:100%; height:auto; text-align:center; margin-top:0.6rem; margin-bottom:0.4rem;} .peixun_title img{ max-width:100%; height:auto; vertical-align:middle;} .peixun_content{ width:5.8rem; height:auto; margin:0 auto;} .peixun-c-top ul{ width:100%; height:auto;} .peixun-c-top ul li{ width:2.8rem; height:auto; float:left; margin-right:0.2rem; margin-top:0.2rem; box-shadow:0rem 0.06rem 0.2rem rgba(6,0,16,0.2);} .peixun-c-top ul li:nth-child(2n){ margin-right:0rem;} .peixun-c-top ul li img{ width:100%; height:auto;} .peixun-c-bottom{ width:100%; height:auto;} .peixun-c-bottom ul li{ width:100%; height:auto; margin-top:0.5rem; clear:both; overflow:hidden;} .peixun_pic{ width:0.58rem; height:0.64rem; text-align:center; font:0; float:left;} .peixun_pic span{ display:inline-block; height:100%; vertical-align:middle;} .peixun_pic img{ max-height:0.64rem; max-width:0.58rem; vertical-align:middle;} .peixun_text{ width:4.95rem; height:auto; float:right; font-size:0.2rem; line-height:0.3rem; color:#666666;} .baozhang{ width:100%; height:auto;} .baozhang_title{ width:100%; height:auto; text-align:center; margin-top:0.6rem; margin-bottom:0.4rem;} .baozhang_title img{ max-width:100%; height:auto; vertical-align:middle;} .baozhang_content{ width:5.8rem; height:auto; margin:0 auto;} .baozhang-c-top{ width:100%; height:auto;} .baozhang-c-top ul li{ width:100%; height:auto; padding:0.3rem 0.3rem 0.3rem 0.15rem; border-radius:0.05rem; box-shadow:0rem 0.05rem 0.15rem rgba(1,0,14,0.14); clear:both; overflow:hidden; margin-bottom:0.15rem;} .baozhang_pic{ width:1.28rem; height:0.8rem; float:left; text-align:center; font-size:0; border-right:0.01rem solid #e5e5e5;} .baozhang_pic span{ display:inline-block; height:100%; vertical-align:middle;} .baozhang_pic img{ max-height:0.8rem; max-width:1.28rem; vertical-align:middle;} .baozhang_text{ width:3.8rem; height:auto; float:right; font-size:0.2rem; line-height:0.3rem; color:#666666;} .baozhang-c-bottom{ width:100%; height:auto; margin-top:0.2rem;} .baozhang-c-bottom ul li{ width:2.8rem; height:3.27rem; padding:0.38rem 0.2rem 0.4rem 0.2rem; margin-right:0.2rem; background:#468ecd; float:left; margin-bottom:0.2rem;} .baozhang-c-bottom ul li:nth-child(2n){ margin-right:0rem;} .baozhang-c-bottom ul li h3{ font-size:0.24rem; font-weight:bold; color:#ffffff; text-align:center;} .baozhang-c-bottom ul li hr{ display:block; width:0.35rem; height:auto; margin:0 auto; text-align:center; border:none; border-top:0.03rem solid #fff; margin-top:0.2rem; margin-bottom:0.15rem;} .baozhang-c-bottom ul li p{ font-size:0.2rem; line-height:0.36rem; color:#ffffff;} .baozhang-c-bottom ul li:nth-child(2){ background:#68aeea;} .baozhang-c-bottom ul li:nth-child(3){ background:#68aeea;} .liuyan{ width:100%; height:auto;} .liuyan_title{ width:100%; height:auto; text-align:center; margin-top:0.6rem; margin-bottom:0.4rem;} .liuyan_title img{ max-width:100%; height:auto; vertical-align:middle;} .zsjm-msg-form{ width:5.8rem; height:auto; margin:0 auto;} .zsjm-msg-form p{ width:100%; height:auto; margin-bottom:0.2rem; clear:both; overflow:hidden;} .zsjm-msg-form p>label{ width:1.1rem; height:auto; float:left; text-align:right; font-size:0.22rem; color:#666666; margin-top:0.11rem;} .zsjm-msg-form p>input{ width:4.7rem; height:0.55rem; float:right; border-radius:0.05rem; border:0.01rem solid #dedede;font-size:0.22rem; color:#666666; padding-left:0.2rem;} .zsjm-msg-form p>textarea{width:4.7rem; height:2.21rem; float:right; border-radius:0.05rem; border:0.01rem solid #dedede;font-size:0.22rem; color:#666666; padding-left:0.2rem;} .zsjm-msg-form button{ width:1.9rem; height:0.6rem; line-height:0.6rem; text-align:center; border-radius:0.05rem; background:#003894; color:#fff; font-size:0.22rem; border:none;} .erweima{ width:100%; height:auto; background:#f6f6f6; padding:0.55rem 0.7rem 0.55rem 0.45rem; overflow:hidden;} .erweima_left{ width:2.3rem; height:2.3rem; float:left; box-shadow:0rem 0.06rem 0.2rem rgba(8,0,20,0.18);} .erweima_right{ width:2.6rem; height:auto; float:right;} .erweima_right p{ font-size:0.24rem; color:#666666; margin-top:0.2rem;} .erweima_right h3{ font-size:0.22rem; color:#666666; margin-top:0.45rem;} .erweima_right h3>img{ width:0.34rem; height:0.31rem; margin-right:0.1rem;} .erweima_right h1{ font-size:0.4rem; color:#003894; margin-top:0.05rem; font-weight:normal; font-family:Arial;} /*-------------------------------- 杩斿洖椤堕儴 start --------------------------------*/ .backTop-box {position: fixed; width: 100%; bottom: 0; z-index: 9999; display: none;} .backTop-box .cont {overflow: visible; bottom: 0;} .backTop {position: absolute; width: 0.5rem; height: 0.5rem;cursor: pointer; bottom: 0.3rem; right:0.1rem;} .bt-box {width: 0.5rem; height: 0.5rem; display: table-cell; vertical-align: middle; text-align: center;} .bt-box p {vertical-align: middle;} .backTop i {display: block; width: 0.5rem; height: 0.5rem; background: url(top.png) no-repeat; margin: 0 auto; background-size:100%;} /*鐣欒█*/ .mess{ width:100%; height:auto; background:#fdf7d5; overflow:hidden;} .mess_title{ width:5.4rem; margin:0 auto;height:auto; text-align:center; margin-top:0.35rem;} .mess_title img{ max-width:100%; height:auto; vertical-align:middle;} .mess_content{ width:5.4rem; height:auto; margin:0 auto; margin-top:0.35rem; margin-bottom:0.5rem;} .mess_content p{ width:100%; height:auto; margin-bottom:0.15rem; overflow:hidden; text-align:center;} .mess_content p>label{ width:0.9rem; height:auto; float:left; font-size:0.26rem; color:#666666;} .mess_content p>input{ float:right; width:4.4rem; height:0.6rem; background:#fff; border:0.01rem solid #dedede; border-radius:0.05rem; padding-left:0.2rem;font-size:0.26rem; color:#666666;} .mess_content p>textarea{ width:4.4rem; height:2rem; background:#fff; border:0.01rem solid #dedede; border-radius:0.05rem; float:right; padding-left:0.2rem;font-size:0.26rem; color:#666666;} .mess_content p>button{ width:2.45rem; height:0.65rem; margin:0 auto; margin-top:0.1rem; border:none; background:#ef6944; color:#fff; font-size:0.24rem; text-align:center; line-height:0.65rem; border-radius:0.05rem;} /*------------------------------------- footer start -------------------------------------*/ .footer { width:100%; height:auto;} .footer1{ width:100%; height:auto; background:#fff;padding-top:0.6rem; overflow:hidden; padding-bottom:0.6rem;} .footer1 p{ font-size:0.2rem; color:#958f8f; height:0.4rem; line-height:0.4rem; text-align:center; margin-top:0.3rem;} .footer1 p>img{ width:0.26rem; height:0.4rem; margin-left:0.1rem;} .footer_share{ width:80%; height:auto; margin:0 auto;} .footer1 ul{ width:3.45rem; height:auto; margin:0 auto; margin-top:0.2rem;} .footer1 ul li{ width:1.15rem; height:auto; float:left; text-align:center; border-right:0.01rem solid #6d767c;} .footer1 ul li:last-child{ border-right:none;} .footer1 ul li a{ font-size:0.2rem; color:#958f8f;} .shareshow{display: block;border: 1px solid #ccc;padding: 20px 10px 10px;} .shareshow span{display: inline-block; height: 43px; border-left: 1px solid #ccc; width: 100%; /*margin-left: -25px;*/ } .shareshow a { display: block; width: 31%; height: 0.8rem !important; border-right: 1px solid #ccc; } .shareshow a:last-child{border: none;} /*搴曢儴*/ .user_footer{ width:100%; height:0.9rem; background:#003894; position: relative; left:0rem; bottom:0rem; overflow:hidden;} .user_footer ul{ width:1000%; height:0.9rem;} .user_footer ul li{ width:1.6rem; height:0.9rem; float:left; text-align:center; border-right:0.01rem solid #35a1ff;} .user_footer ul li i{ width:0.37rem; height:0.37rem; margin:0 auto; display: block; text-align:center; vertical-align:middle; margin-top:0.17rem; margin-bottom:0.05rem;} .user_footer ul li i img{ max-height: auto; max-width:100%; vertical-align:middle;} .user_footer ul li a{ color:#fff; font-size:0.18rem; display:block;} .user_footer ul li a>span{color:#fff; font-size:0.18rem;} /*-------------------------------------- footer end --------------------------------------*/ /*-------------------------------------- 浜у搧璇︽儏 start --------------------------------------*/ @media screen and (max-width: 320px) { .zsjm-msg-form p>label{ width:1.2rem;} .zsjm-msg-form p>input{ width:4.6rem;} .zsjm-msg-form p>textarea{ width:4.6rem;} } /*-------------------------------------- 浜氳繍浼氫笓棰 start --------------------------------------*/ @font-face { font-family: 'HarmonyOS_Sans_SC_Light'; src: url(../../Home/fonts/HarmonyOS_Sans_SC_Light.ttf); } @font-face { font-family: 'HarmonyOS_Sans_SC_Regular'; src: url(../../Home/fonts/HarmonyOS_Sans_SC_Regular.ttf); } @font-face { font-family: 'HarmonyOS_Sans_SC_Medium'; src: url(../../Home/fonts/HarmonyOS_Sans_SC_Medium.ttf); } @font-face { font-family: 'HarmonyOS_Sans_Bold'; src: url(../../Home/fonts/HarmonyOS_Sans_Bold.ttf); } @font-face { font-family: 'HarmonyOS_Sans_Black'; src: url(../../Home/fonts/HarmonyOS_Sans_Black.ttf); } .clearfix:after,.clearfix:before{ content: ""; display: block; clear: both; } .yyh{ font-family: 'HarmonyOS_Sans_SC_Regular'; font-size: 0.20rem; margin-top: 0.88rem; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .yyh img{pointer-events: none;} .yyh .top{ position: relative; } .yyh .section.title{ text-align: center; } .yyh .section.title img{ width: 2.46rem; } .yyh .section.title p{ font-size: 0.22rem; line-height: 0.4rem; } .yyh .margintop165{ margin-top: -1.65rem; } .yyh .margintop105{ margin-top: -1.05rem; } .yyh .line{ display: block; margin: 0.20rem auto 0.18rem; background-color: #bfbfbf; width: 0.45rem; height: 0.047rem; } .group_2{ width: 100%; height: auto; background-image: url('./pic78.png'); background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 0.5rem; } .group_2 .time{ margin: 0.65rem 0.7rem 0; } .group_2 .time ul{ width: 2.38rem; position: relative; overflow: hidden; } .group_2 .left-ul { float: left; } .group_2 .right-ul { float: right; } .group_2 li{ margin: 0 0rem 0.1rem; } .group_2 li>div{ position: relative; background-image:linear-gradient(165deg,#c4d5ff 0%,#5585ff 58%,#10378e 100%); border-radius: 0.037rem; overflow: hidden; } .group_2 li>div>div{ color: #fff; padding: 0.05rem 0 0.1rem; } .group_2 li div p{ text-align: justify; font-family: 'HarmonyOS_Sans_SC_Regular'; font-size: 0.14rem; width: 2.2rem; margin: 0 auto; line-height: 0.25rem; letter-spacing: -0.5px; } /* .group_2 li span{ font-family: 'HarmonyOS_Sans_SC_Regular'; text-align: left; white-space: nowrap; font-size: 0.14rem; display: block; line-height: 0.25rem; margin: 0 0.19rem; } .group_2 li .linehg-20 p{ width: 2.3rem; line-height: 0.20rem; } */ .group_2 li img.year{ display: block!important; width: 0.8rem; text-align: center; margin: 0.12rem auto; } .group_2 li.bottom div{ text-align: center; width: 2.5rem;height:0.56rem;line-height:0.56rem;background-image: url('./textbg.png');background-repeat: no-repeat;background-size: 100% 100%;color:#fff;margin: 0 0 0.1rem; overflow: hidden; } .group_2 li.bottom div p{ line-height:0.56rem; text-align: center; } .group_2 .section{ margin-top: 1.08rem; color: #fff; text-align: center; } .group_2 .section h1{ font-size: 0.61rem; } .group_2 .section h3{ font-size: 0.25rem; } .yyh .space-group{ margin: 0.75rem 0.4rem 0; } .yyh .space-group .video-pic{ float: left; } .yyh .space-group .video-pic a{ position: relative; display: block; } .yyh .space-group .video-pic img{ display: block!important; width: 2.7rem; border-radius: 0.1rem; } .yyh .space-group .video-pic:nth-child(n+2){ margin-bottom: 0.06rem; margin-left: 0.1rem; } .yyh .space-group .video-pic:nth-child(n+2) img{ // height: 0.90rem!important; overflow: hidden; } .yyh .space-group .video-pic:last-child{ margin-bottom:0; } .yyh .space-group .yyh_player{ width: 0.86rem; height: 0.86rem; position: absolute; z-index: 1; left: 50%; top: 50%; margin-left: -0.43rem; margin-top: -0.43rem; } .yyh .space-group .video-pic:nth-child(n+2) .yyh_player{ width: 0.43rem; height: 0.43rem; margin-left: -0.215rem; margin-top: -0.215rem; } .yyh .space-group .video-pic:nth-child(n+2) .yyh_player img{ width: 0.43rem; height: 0.43rem!important; } .group_3{ margin-top: 1.25rem; } .group_4 .project{ margin-top: 0.76rem; } .project-item{ margin-bottom: 0.29rem; } .group_4 .section-title{ text-align: center; color: #595757; line-height: 0.35rem; } .group_4 .section-title h3{ font-size: 0.28rem; color: #10378E; } .group_4 .project img{ margin-top: 0.15rem; } /*-------------------------------------- 浜氳繍浼氫笓棰 end --------------------------------------*/ /*-------------------------------------- 鍔犵洘浠g悊 end --------------------------------------*/ .jmdl-banner { position: relative; } .jmdl-banner .text i { display: inline-block; width: 6px; height: 6px; background: linear-gradient(156deg, #3070F6 30%, #FFFFFF); border-radius: 50%; margin-right: 0.1rem; } .jmdl-banner .text { position: absolute; bottom: 0.58rem; left: 13%; font-size: 0.13rem; color: #fff; line-height: 0.25rem; letter-spacing: 2px; transform: scale(0.9); } .jmdl.content img { pointer-events: none; } .jmdl.content { color: #fff; font-family: 'HarmonyOS_Sans_SC_Light'; background: url(./zsjm/bg.jpg) #1b40e5 no-repeat top center; background-size:100%; } .module-cont { width: 5.5rem; margin: 0 auto; } .module-cont .cont-title { font-size: 0.17rem; margin-bottom: 0.05rem; font-family: 'HarmonyOS_Sans_SC_Regular'; } .module-cont .cont-title h3 { font-family: 'HarmonyOS_Sans_Bold'; font-size: 0.34rem; margin-bottom: 0.05rem; } .font-18 { font-size: 0.18rem; line-height: 0.3rem; } .icon-title { display: flex; align-items: flex-end; width: 0.09rem; height: 0.44rem; margin-right: 0.1rem; } .jmdl .title { display: flex; align-items: flex-end; line-height: 0.3rem; font-size: 0.38rem; letter-spacing: 1px; } .jmdl .title b, .sans_Bold { font-family: 'HarmonyOS_Sans_Bold'; } .jmdl .subtitle { color: #fff; font-size: 0.25rem; margin-top: 0.15rem; letter-spacing: 1px; } .jmdl .subtitle b { font-family: 'HarmonyOS_Sans_Black'; } .title-block { padding-top: 0.57rem; padding-bottom: 0.47rem; letter-spacing: .02rem; } .cont-desc { margin-top: 0.38rem; } .cont-desc b { font-family: 'HarmonyOS_Sans_Black'; font-size: 0.3rem; margin-right: 0.05rem; } .cont-desc li { display: flex; align-items: center; } .honor-cont{ margin-top: 0.75rem; margin-bottom: 0.1rem; text-align: center; } .honor-cont li:first-child span{ display: inline-block; width: 45%; transform: scale(0.8); white-space: nowrap; font-size: 0.22rem; } .honor-cont li:last-child span{ font-size: 0.2rem; transform: scale(0.81); white-space: nowrap; display: inline-block; margin-left: -0.4rem; } .honor-text { text-align: center; font-size: 0.25rem; line-height: 0.4rem; letter-spacing: 1px; padding-top: 0.25rem; } .padding-bottom-50 { padding-bottom: 0.5rem; } .active-block { font-family: 'HarmonyOS_Sans_SC_Regular'; display: flex; flex-wrap: wrap; justify-content: space-between; } .active-block li { width: 31%; text-align: center; font-size: 0.25rem; margin-bottom: 0.22rem; } .active-block li p { line-height: 0.6rem; } .advantage { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.45rem; padding-bottom: 0.52rem; } .advantage li { width: 48%; display: flex; align-items: center; margin-bottom: 0.35rem; position: relative; white-space: nowrap; } .advantage li img { width: 0.8rem; margin-right: 0.08rem; } .advantage li.border-dashed::after { content: ''; height: 0.64rem; display: block; /* width: 0.01rem; */ position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-right: 0.01rem dashed #fff; background-color: #fff; } .reason-cont { margin-top: 0.98rem; } .reason-cont li { margin: 0.5rem auto; position: relative; } .reason-cont li div{ position: absolute; bottom: 0.1rem; text-align: center; width: 100%; font-size: 0.2rem; } .reason-cont li div b{ font-size: 0.21rem; } .reason-text { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 6% 0; } .reason-text li { font-size: 0.25rem; font-family: 'HarmonyOS_Sans_SC_Regular'; white-space: nowrap; margin-top: 0.2rem; display: flex; align-items: center; } .reason-text li img { width: 0.8rem; } .example-cont { position: relative; } .example-cont-title { font-size: 0.21rem; white-space: nowrap; margin: 0.1rem 0.2rem 0.2rem; line-height: 0.3rem; } .example-cont-title b { font-size: 0.25rem; } .example-cont-title2 { position: absolute; top: 35.5%; z-index: 9; } .example-cont-title3 { position: absolute; bottom: 22%; z-index: 9; } .factory { position: relative; white-space: nowrap; } .factory span { transform: scale(0.8); font-size: 0.16rem; position: absolute; top: 78%; } .factory span i{ font-style: normal; } .factory span.factory-name1{ margin-left: -0.38rem; } .factory span.factory-name2{ font-size: 0.2rem; left: 50%; right: 0; margin: 0 auto; transform: translateX(-50%); bottom: -5%; top: inherit; text-align: center; } .factory span.factory-name3{ right: 0 } .module-cont .msglabel{ padding-top: 0.1rem; } .module-cont .msglabel p{ font-size: 0.23rem; margin-bottom: 0.1rem; } .module-cont .msglabel input{ font-size: 0.23rem; border-radius: 0.12rem; padding-left: 0.3rem; } .module-cont .msglabel select,.module-cont .msglabel textarea{ padding-left: 0.25rem; } .module-cont .msglabel .provincez{ font-size: 0.23rem; border-radius: 0.12rem; overflow: hidden; background-color: #fff; } .inputlabel{ display: block; width: 3.3rem; padding-bottom: 0.6rem; margin: 0.4rem auto 0; } .icon{ display: inline-block; background-image: url(./zsjm/icon_sprites.png); background-size: 4.16rem 4.16rem; margin-right: 0.08rem } .bg-icon_01 { display: block; width: 0.09rem; height: 0.44rem; margin-right: 0.1rem; background-position: -2.1rem -3.26rem; } .bg-icon_02 { width: 0.88rem; height: 0.88rem; background-position: -0.1rem -0.1rem; } .bg-icon_03 { width: 0.88rem; height: 0.88rem; background-position: -1.18rem -0.1rem; } .bg-icon_04 { width: 0.88rem; height: 0.88rem; background-position: -0.1rem -1.18rem; } .bg-icon_05 { width: 0.88rem; height: 0.88rem; background-position: -1.18rem -1.18rem; } .bg-icon_06 { width: 0.8rem; height: 0.8rem; background-position: -2.26rem -0.1rem; } .bg-icon_07 { width: 0.8rem; height: 0.8rem; background-position: -2.26rem -1.1rem; } .bg-icon_08 { width: 0.8rem; height: 0.8rem; background-position: -0.1rem -2.26rem; } .bg-icon_09 { width: 0.8rem; height: 0.8rem; background-position: -1.1rem -2.26rem; } .bg-icon_10 { width: 0.8rem; height: 0.8rem; background-position: -2.1rem -2.26rem; } .bg-icon_11 { width: 0.8rem; height: 0.8rem; background-position: -3.26rem -0.1rem; } .bg-icon_12 { width: 0.8rem; height: 0.8rem; background-position: -3.26rem -1.1rem; } .bg-icon_13 { width: 0.8rem; height: 0.8rem; background-position: -3.26rem -2.1rem; } .bg-icon_14 { width: 0.8rem; height: 0.8rem; background-position: -0.1rem -3.26rem; } .bg-icon_15 { width: 0.8rem; height: 0.8rem; background-position: -1.1rem -3.26rem; } /*-------------------------------------- 鍔犵洘浠g悊 end --------------------------------------*/ /* 鎬婚儴鏂板尯 start*/ .layout-content {font-family:'HarmonyOS_Sans_SC_Regular';background-image:url('./zbxq/bg_01.jpg'),url('./zbxq/bg_02.jpg');background-position:top center,bottom center;background-size:100%;margin-top:0.88rem;background-repeat:no-repeat;} .main-content {width:5.8rem;height:auto;margin:0 auto;} .layout-content .video-block {padding-top:212%;} .layout-content .video-block #video {border-radius:0.1rem;} .desc {font-family:'HarmonyOS_Sans_Bold';font-weight:bold;color:#003894;font-size:0.24rem;display:flex;align-items:center;justify-content:center;margin-top:0.25rem;} .desc img {width:0.2rem;margin-right:0.075rem;} .dimension-block {margin-top:1.25rem;margin-bottom:1.5rem;height:6.5rem;position:relative;} .dimension-block li {font-family:'HarmonyOS_Sans_SC_Medium';font-size:0.19rem;color:#fff;background-color:rgba(0,56,148,0.5);padding-left:0.1rem;padding-top:0.06rem;padding-bottom:0.06rem;transform:scale(0.8);position:absolute;} .dimension-block li:first-child {width:2rem;left:0.58rem;top:0.52rem;} .dimension-block li:nth-child(2) {width:2.25rem;left:2.28rem;top:-0.18rem;} .dimension-block li:nth-child(3) {width:2.2rem;left:4.14rem;top:0.38rem;} .dimension-block li:nth-child(4) {width:2.25rem;left:-0.39rem;bottom:0.85rem;} .dimension-block li:nth-child(5) {width:2.25rem;left:3.96rem;bottom:0.65rem;} .dimension-block li h4 {font-family:'HarmonyOS_Sans_Black';font-size:0.26rem;} .dimension-block li h4 span {font-weight:normal;font-size:0.14rem;letter-spacing:-0.025rem;} .text-block {text-align:center;color:#003894;font-size:0.26rem;line-height:0.6rem;margin-top:2.25rem;} .img-block img {width:6.12rem;} .factory-block {font-size:0.24rem;text-align:center;color:#003894;margin-top:0.5rem;} .factory-block .triangle-icon {width:0.15rem;} .factory-block h3 {font-family:'HarmonyOS_Sans_Bold';font-size:0.3rem;font-weight:bold;color:#003894;line-height:0.6rem;} .factory-block p {line-height:0.55rem;} .text-group {margin:1.2rem 0;} .text-group li {color:#231815;display:flex;align-items:center;justify-content:center;margin:0.35rem 0;} .group-thumb {width:0.75rem;position:relative;margin-right:0.25rem;} .group-thumb::before {content:"";position:absolute;top:50%;right:-0.2rem;width:0;height:0;border-top:0.07rem solid transparent;border-right:0.07rem solid transparent;border-bottom:0.07rem solid transparent;border-left:0.07rem solid #003894;transform:translateY(-50%);} .group-info {text-align:justify;/* line-height:0.35rem;*/ /* width:2.9rem;*/;} .group-info::before {content:'';display:block;width:100%;height:1px;border-top:1px solid #231815;} .group-info::after {content:'';display:block;width:100%;height:1px;border-bottom:1px solid #231815;} .group-info p {text-align:justify;line-height:0.35rem;height:0.35rem;} .group-info p::after {width:100%;content:'';display:inline-block;} .group-info p:first-child {font-size:0.26rem;font-family:HarmonyOS_Sans_SC_Bold;font-weight:bold;color:#004098;} .group-info p b {font-family:HarmonyOS_Sans_SC_Bold;font-weight:bold;} .three-base {position:relative;} .three-base .text-block {white-space:nowrap;display:flex;justify-content:space-between;font-size:0.18rem;transform:scale(0.8);white-space:nowrap;margin-left:-12%;width:125%;} .contact-content {height:1.1rem;display:flex;} .qrcode-block {display:flex;font-family:'HarmonyOS_Sans_SC_Medium';} .qrcode-block div {margin-right:0.24rem;font-size:0;} .qrcode-block img {width:0.9rem;} .qrcode-block p {font-size:0.2rem;transform:scale(0.8);margin-left:-0.08rem;} .phont-block {font-family:'HarmonyOS_Sans_Bold';font-weight:bold;text-align:justify;padding-left:0.33rem;font-size:0.24rem;flex:1;line-height:0.22rem;border-left:1px solid #666;} .phont-block p::after,.phont-block h3::after {width:100%;content:'';display:inline-block;} .phont-block p:nth-child(2) {font-size:0.44rem;font-weight:normal;} .contact-block{ font-family: 'HarmonyOS_Sans_SC_Regular'; background-image: url('./zbxq/bg_03.jpg'); background-color: #afd9fb; background-position: top center; background-repeat: no-repeat; background-size: 100%; } .contact-block .module-cont .msglabel p{ color: #003894; } /* 鎬婚儴鏂板尯 end*/