*{margin: 0;padding: 0;border: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box } img{ display:block; } .content{ margin: 0 auto; width: 100%; } .content_upper{ height:436px; width: 100%;/*?*/ background-color:#f0f0f0; padding-top:30px; padding-bottom: 30px; } .content_upper .upper_body{ height: 378px; width:1100px; margin: 0 auto; border: 1px solid #b4b4b4; background-color: #ffffff; } .dynamics,.p_information{ float: left; } .dynamics{ width:50%; height:100%; border-right:1px solid #b4b4b4;/*?*/ padding-left:15px; } .dynamics_title,.p_information_title{ height: 50px; width:100%; border-bottom: 1px solid #b4b4b4; line-height: 50px; font-size:16px; color:#646464; } .dynamics_title{ padding-right: 15px; } .title_text{ color:#2ca644; font-weight:bold; } .title_eng{ font-size: 15px; color:#646464; } .more_btn_box{ display: block; height: 27px; width:77px; float:right; position : relative; border-radius: 5px; box-shadow: 0 3px 5px #c6c6c6 inset; margin-top: 14px; text-align: center; padding-top:8px; padding-left:8px; cursor: pointer; } .dynamics_body{ padding-top: 15px; width: 533px; padding-right: 15px; height: 300px; position: relative; } .p_information{ width:50%; height:100%; padding-right:15px; } .p_information_title{ padding-left: 15px; } .p_information_body{ margin: 15px; /* width: 100%; */ height: 285px; box-sizing: content-box; overflow: hidden; position: relative; } .p_information_body iframe{ width: 100%; height: 335px; } .p_information_body .fullScreen{ position: absolute; padding: 10px 15px; bottom: 11px; height: 26px; min-width: 52px; border-radius: 99em; color: #ececec; font-size: 14px; line-height: 26px; background-color: rgba(0,0,0,.5); padding: 0 12px; left: 250px; cursor: pointer; } .p_information_img{ height:138px; border-bottom: 1px dashed #b4b4b4; } .p_information_body ul li{ display:block; height:32px; line-height: 32px; border-bottom: 1px dashed #b4b4b4; font-size: 0; } .round_box{ height:100%; width:3%; display:inline-block; } .round{ display:inline-block; width:5px; height:5px; border-radius: 50%; background-color: #2ca644; margin-bottom:13px; } .information_box{ display:inline-block; width:96%; } .information_title,.information_time{ display: block; height:32px; line-height: 32px; font-size: 12px; color:#000000; cursor: pointer; } .information_title{ float: left; } .information_time{ float:right; } .content_bottom{ width:100%; height:510px; background-color: #ffffff; } .content_bottom .bottom_title{ width:100%; height:40px; text-align: center; padding-top:20px; vertical-align: bottom; font-size: 20px; color:#2ca644; font-weight: bold; } .bottom_advantages{ height:42px; width:1100px; margin:0 auto; position: relative; } /*锟斤拷农锟斤拷业锟斤拷锟斤拷锟?/ .industry_service{ width:1100px; margin:auto; margin-top:20px; overflow: hidden; } .industry_service ul{ list-style: none; margin-left: 2px; } .industry_service ul li h4{ width:100%; border-bottom:1px solid #fff; padding-bottom:6px; margin-bottom: 12px; font-size: 18px; font-weight: normal; } .industry_service ul li p{ line-height: 24px; } .industry_service ul>li{ float: left; width: 274px; height: auto; color:#fff; font-size: 14px; } /* 2020-10-13 */ .sections{ width: 1100px; margin: 0 auto; margin-top: 18px; } .sections .section{ width: 520px; height: 346px; background-image: url("/znImages/health.jpg"); background-size: cover; float: left; } .sections a:nth-child(2) .section{ background-image: url("/znImages/property.jpg"); float: right; } .sections .section .intro{ width: 480px; height: 284px; background-color:rgba(102, 102, 102, 30%); border: 1px solid rgba(187, 187, 187, 30%); color: #FDFAFA; font-size: 14px; line-height: 20px; margin: 0 auto; margin-top: 35px; padding: 0 29px; } .sections .section .intro .title{ padding: 10px 0; font-size: 18px; color: #FBF9F9; text-align: center; font-family: "Microsoft YaHei"; } .is_bottom1,.is_bottom2,.is_bottom3,.is_bottom4{ width:100%; padding:25px 25px 0 25px; text-align: justify; position: relative; } .is_bottom1 img,.is_bottom2 img,.is_bottom3 img,.is_bottom4 img{ position:absolute; left:25px; bottom:16px; } .is_bottom1,.is_bottom3{ height:200px; } .is_bottom2,.is_bottom4{ height:200px; } .is_bottom1{ background-color: #009537; } .is_bottom2{ background-color: #e60012; } .is_bottom3{ background-color: #f39800; } .is_bottom4{ background-color: #00a0e9; } .is_top{ display: block; position:relative; cursor: pointer; } .is_zz1,.is_zz2,.is_zz3,.is_zz4{ position:absolute; left:0; width: 100%; height:45px; font-size: 18px; line-height: 45px; padding-left: 27px; } .is_zz1,.is_zz3{ bottom:0; color:#fff; } .is_zz2,.is_zz4{ bottom:0; } .is_zz1{ background-color: rgba(0,149,55,0.2); } .is_zz2{ background-color: rgba(230,0,18,0.2); } .is_zz3{ background-color: rgba(243,152,0,0.2); } .is_zz4{ background-color: rgba(0,160,233,0.2); } .line{ width:416px; height:1px; border-bottom:1px solid #b4b4b4; display:inline-block; } .circle{ width:14px; height:14px; /* background:url("../images/bg.png") no-repeat -23px -35px;*/ display:inline-block; } .our_advantages{ width:162px; height:22px; line-height: 22px; border:1px solid #b4b4b4; border-radius: 5px; display:inline-block; position: absolute; top:10px; left:472px; color:#bbbbbb; font-size:12px; text-align: center; } .line_p1,.line_p2,.circle_p1,.circle_p2{ position:absolute; } .line_p1{ top:20px; left:0; } .line_p2{ top:20px; right:0; } .circle_p1{ top:14px; left:444px; } .circle_p2{ top:14px; right:438px; } .four_advantages{ height:380px; width: 1100px; margin:0 auto; } .four_advantages ul{ padding:0px; margin-top:18px; list-style: none; } .four_advantages ul li{ float:left; } .four_advantages ul li a{ cursor: pointer; display: block; width:100%; height:100%; } .advantages_box{ width:238px; height:362px; border-radius: 10px; margin-right:48px; } .box1{ background-color: #7acae8; } .box2{ background-color: #fe91ae; } .box3{ background-color: #5ad4ce; } .box4{ background-color: #facf7e; margin-right:0; } .small_round{ width: 3px; height:3px; background-color: #ffffff; border-radius: 50%; display: inline-block; margin-bottom:5px; } .a_img1,.a_text1,.s_text1,.b_text1{ margin:0 auto; } .a_img1{ width:208px; height:200px; background: url("../images/bg.png") no-repeat -300px -7px; margin-top: 28px; } .s_text1{ width:120px; margin-top: 10px; } .a_text1{ width: 100%; text-align: center; font-size:18px; color:#ffffff; font-weight: bold; margin-top: 22px; } .a_text_color{ color:#ffffff; font-size: 14px; } .b_text1{ width:186px; height:38px; background: url("../images/lv_new.png") no-repeat; margin-top: 7px; } .a_img2,.s_text2,.b_text2{ margin:0 auto; } .a_img2{ width:208px; height:200px; background: url("../images/bg.png") no-repeat -564px -7px; margin-top: 28px; } .s_text2{ width:56px; margin-top: 10px; } .b_text2{ width:157px; height:38px; background: url("../images/bg.png") no-repeat -29px -414px; margin-top: 7px; } .a_img3,.b_text3{ margin:0 auto; } .a_img3{ width:208px; height:200px; background: url("../images/bg.png") no-repeat -302px -219px; margin-top: 28px; } .s_text2{ width:128px; margin-top: 10px; text-align: center; } .b_text3{ width:140px; height:38px; background: url("../images/bg.png") no-repeat -14px -274px; margin-top: 7px; } .a_img4,.s_text4,.b_text4{ margin:0 auto; } .a_img4{ width:208px; height:200px; background: url("../images/bg.png") no-repeat -557px -219px; margin-top: 28px; } .s_text4{ width:134px; margin-top:10px; text-align: center; } .b_text4{ width:130px; height:38px; background: url("../images/bg.png") no-repeat -12px -344px; margin-top: 7px; } .footer{ height:193px; width:100%; background: url("../znImages/znfooter.jpg") no-repeat center; position: relative; } .footer_box{ width:1100px; margin:auto; position:relative; font-size: 14px; color:#fff; padding-top: 40px; } .footer_box p{ line-height: 32px; } .foot_img{ width:199px; height:193px; text-align: center; color:#fff; font-size:14px; position:absolute; right:0; top:0; } .foot_img img{ margin:20px auto 5px; } .footer .footer_code{ width:100%; height:222px; background: url("../images/footer_home.png") no-repeat center; position: absolute; top: -100px; left: 0; } .cert_code{ width:auto; position: absolute; top:201px; } .allContent_upper{width: 100%;height: 436px;background-color: #f0f0f0;} /* 鏂板 瑙嗛鎾斁 css */ body, html { width: 100%; height: 100%; } .videoPlayer { display: none; width: 100%; height: 100%; background-color: rgba(53, 53, 53, 0.5); position: fixed; top: 0; left: 0; z-index: 1002; } .videoPlayer video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .videoPlayer iframe { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .showVideoPlayer { display: block; animation:opacity 3s; } @keyframes opacity { from { opacity: 0; } to { opacity: 1; } }