body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; font-family: "microsoft yahei";} body a { text-decoration: none; font-style: normal; font-weight: normal; } body i, body em, body strong { font-style: normal; } body ol, body ul, body li { list-style: none; } body h1, body h2, body h3, body h4, body h5, body h6 { font-weight: normal; } body input, body textarea, body select { outline: none; border: none; -webkit-appearance: none; } body .clear { clear: both; } .inner{width: 1070px;margin: 0 auto;text-align: center} /*图片居中*/ .img_box{display:table;} .img_span{display:table-cell; vertical-align:middle;} .img_ve{vertical-align: middle} .header{height: 100px;} .header ul{height:100px;} .header li{float: left;height: 100%;} .header li:nth-of-type(2){margin: 0 87px 0 77px;} /*nav*/ #nav{width: 100%;background-color:#f8900d;} #nav ul{height: 56px;display: flex;align-content: center;} #nav li{width: 10%;line-height:56px;text-align: center;background-color: #f8900d;} #nav li a{color: white} #nav ul li:hover{background-color: #de7c00;} #nav ul li:hover a{color: #ffff00;} #nav .ac{background-color: #de7c00;} #nav .ac a{color: #ffff00;} /*banner*/ .banner{width: 100%;height: 554px;background:url("/babyszlhmsyycom/templets/msck/special/pfc/images/banner_01.jpg") no-repeat;background-position:center center;} .banner .inner{position: relative;height: 554px;} .banner .inner a{display: block;width: 233px;height: 62px;position: absolute;bottom: 50px;right: 210px;border-radius: 31px;} /*Lead*/ .lead{background-color:#e69d3e;height: 139px;} .lead .inner{height: 70px;padding-top:35px;display: flex;align-content: center} .lead img{margin-right: 25px;} .lead .inner p{text-align: left;width: 932px;font-size: 14px;color: white;line-height: 1.5;} /*main*/ .main_a{height: 655px;} .main_a .inner{padding:50px 67px 35px 75px;box-sizing: border-box} .main_a .main_tltie{padding-bottom: 45px;} .main_a .main_a_box>div{float: left;width: 235px;text-align: left;} .main_a .main_a_box .main_a_pic{width: 453px;text-align: center} .main_a .main_a_box dt{padding: 25px 0 18px 0;font-size: 0;} .main_a .main_a_box dd:nth-of-type(1){padding-top:0;} .main_a .main_a_box dd{font-size: 14px;color:#666666;line-height: 1.8;} .main_a .main_buttom{width: 483px;line-height: 48px;margin: 0 auto;border: 1px #ffb29a dashed;border-radius: 24px;margin-top: 37px;font-size: 16px;color: #666;position: relative;box-sizing: border-box;height: 48px;} .main_a .main_buttom span:nth-of-type(1){width: 315px;position: absolute;display:block;top: 0;left: 0;} .main_a .main_buttom .buttom_span{position: absolute;display:block;width: 167px;background-color: #ff6535;border-radius: 24px;top: -1px;right: -1px;height: 50px;color: white} /*main_b*/ .main_b{height: 768px;background-color: #ffefdb;} .main_b .inner{padding:50px 0 35px 0;box-sizing: border-box;} .main_b .main_tltie{padding-bottom: 45px;} .main_b .main_box{display: flex;align-items: center;} .main_b .main_box .txt{width: 660px;;margin-top: 18px;margin-left: 42px;} .main_b .main_box .txt li{margin-bottom:30px;} .main_b .main_box .txt li span{vertical-align: middle;} .main_b .main_box .txt li span:nth-of-type(1){width: 61px;height: 62px;color: white;font-size: 30px;background-color: #f8900d;display: inline-block;line-height: 61px;} .main_b .main_box .txt li span:nth-of-type(2){color: #666;font-size: 14px;text-align: left;display: inline-block;line-height: 1.5;height: 60px;border:1px dashed #ffaa88;width:596px;position: relative;border-left: none} .main_b .main_box .txt li span:nth-of-type(2) p{position: absolute;left:18px;display: inline-block;} .main_b .main_b_p{line-height: 62px;} .main_b .main_b_p1{padding-top: 10px;} .main_b .main_buttom {width: 486px;background-color: #ff6535;border-radius: 24px;height: 50px;color: white;line-height: 50px;margin: 0 auto;margin-top: 40px;box-shadow:0 4px #ffdcaf;} /*main_c*/ .main_c .inner{padding: 50px 45px;box-sizing: border-box;height: 720px;} .main_c .main_tltie p{color: #ff6535;font-size: 30px;padding-top: 9px;margin-bottom: 50px;} .main_c .main_c_box{display: flex;align-content: center;} .main_c .left{width: 435px;} .main_c .left .text{color: #666;font-size: 14px;text-align: left;padding-top: 53px;line-height: 1.75} .main_c .left .center{margin-top: 34px;} .main_c .left .center li{display: inline-block;width: 112px;text-align: center;} .main_c .left .center li img{margin-bottom: 12px;} .main_c .left .center li span{font-size: 16px;color: #666;} .main_c .left .center li:nth-of-type(2){margin: 0 40px;} .main_c .main_buttom {width: 400px;background-color: #ff6535;border-radius: 24px;height: 50px;color: white;line-height: 50px;margin: 0 auto;margin-top: 40px;box-shadow:0 4px #ffdcaf;} /*main_d*/ .main_d{width: 100%;background-color: #e69d3e;} .main_d .inner{padding: 50px 42px;height: 921px;box-sizing: border-box;} .main_d .main_tltie h2{color:white;} .main_d .main_tltie p{color:#f8e5d2;margin-bottom: 20px;} .main_d .main_d_box li{width: 480px;float:left;height: 230px;background-color: white;margin-top: 20px;} .main_d .main_d_box li:nth-child(2n){margin-left: 20px;} .main_d .main_d_box li .text{float: left;width: 240px;padding: 30px 15px;box-sizing: border-box;} .main_d .main_d_box li h4{color: #ff6535;font-size: 20px;line-height: 50px;font-weight: bold;} .main_d .main_d_box li p{color: #666;font-size: 14px;text-align: left;line-height: 1.7;} .main_d .main_d_box li img{float:right;width: 240px;} /*main_e*/ .main_e{width: 100%} .main_e .inner{padding:50px 42px;box-sizing: border-box;} .main_tltie span{color:#ff6535;} .main_tltie p{color: #ffbd6b;} .main_e .main_e_box{padding: 40px 0;box-sizing: border-box} /*共用*/ .main_e .main_e_box dl{width: 472px;float: left;} .main_e .main_e_box dt{margin-bottom: 20px;} .main_e .main_e_box dt img{width: 200px;float: left;} .main_e .main_e_box dd{height: 66px;margin-bottom: 5px;} .main_e .main_e_box span{display: inline-block;vertical-align: middle;float: left;} .main_e .main_e_box .main_e_span1{width: 125px;line-height: 67px;color: white;font-size: 18px;} .main_e .main_e_box .main_e_span2{width: 345px;height: 65px;border: 1px solid #c3c3c3;text-align: left;position:relative;display: flex; align-items: center;} .main_e .main_e_box .main_e_span2 i{margin-left: 13px;font-size: 14px;color: #666666;} .main_e .main_e_box dt .text{width: 272px;float: left;} /*左边的*/ .main_e .main_e_box .left dt .text .main_buttom{font-size: 18px;color: white;width: 192px;background-color: #ff6535;margin: 0 auto;height: 46px;border-radius: 24px;line-height: 48px;box-shadow: 0 4px #ffdcaf;margin-top: 18px;transition: all .5s;} .main_e .main_e_box .left dt .text .main_buttom:hover{box-shadow: 0px 1px 10px rgba(0,0,0,.8);} .main_e .main_e_box .left dt{background-color: #fff8ef} .main_e .main_e_box .left dt .text p{font-size: 24px;color: #f8900d;line-height: 1.3;margin-top: 24px;} .main_e .main_e_box .left .main_e_span1{background-color: #f8900d} /*t右边的*/ .main_e .main_e_box .right{margin-left: 40px;} .main_e .main_e_box .right dt .text .main_buttom{font-size: 18px;color: white;width: 192px;background-color: #666666;margin: 0 auto;height: 46px;border-radius: 24px;line-height: 48px;box-shadow: 0 4px #c6c6c6;margin-top: 18px;transition: all .5s;} .main_e .main_e_box .right dt .text .main_buttom:hover{box-shadow: 0px 1px 10px rgba(0,0,0,.8);} .main_e .main_e_box .right dt{background-color: #efefef} .main_e .main_e_box .right .main_e_span1{background-color: #a4a4a4} .main_e .main_e_box .right dt .text p{font-size: 24px;color: #333;line-height: 1.3;margin-top: 24px;} .main_e .bottom{color: #f8900d;line-height: 44px;padding-top: 22px;font-size: 18px;} .main_e .buttom{width: 211px;height: 55px;line-height: 55px;border-radius: 27.5px;margin: 0 auto;background-color: #ff6535;color:white;display: block;font-size: 18px;font-weight: bold;box-shadow: 0 4px #ffdcaf;transition: all .5s;} .main_e .buttom:hover{box-shadow: 0px 1px 10px rgba(0,0,0,.8);} /*main_f*/ .main_f{width: 100%;background-color:#ffefdb;height: 887px;} .main_f .inner{padding: 50px 0;box-sizing: border-box;} /*tltie*/ .main_f .main_tltie p{font-size: 30px;color: #ff6535;font-weight: bold;margin-bottom: 40px;} /*tabber*/ .main_f .tabber{margin-bottom: 50px;display: flex;align-content: center;} .main_f .tabber li{font-size:22px;background-color: #f1f1f1;width: 256px;height: 127px;padding-top: 39px;box-sizing: border-box;line-height: 1.4;color: #666666;position: relative;margin-right: 15px} .main_f .tabber li:nth-of-type(4){margin-right: 0;} .main_f .tabber .ac{background-color: #f8900d;color: white;border-radius: 4px;} .main_f .tabber .ac span{display: block; width: 0;height: 0;border-left: 16.5px solid transparent;border-right: 16.5px solid transparent;border-top: 20px solid #f8900d;position: absolute;bottom: -20px;right: 112px;} /*checked*/ .main_f .checked{width: 1060px;height: 400px;margin: 0 auto;border: 1px dashed #fbbf74;border-radius: 4px;position: relative;padding: 19px;box-sizing: border-box;} .main_f .checked>li{position: absolute;top: 19px;left:19px;display: none;} .main_f .checked .ac:nth-of-type(1){display: block} .main_f .checked .left>dd .vip{color: red} .main_f .checked .left{width: 710px;float: left;} .main_f .checked .left>dt{font-size: 30px;color: #f99b2e;text-align: center;line-height: 65px;font-weight: bold;} .main_f .checked .left>dt span{color: #ff6535} .main_f .checked .left>dd{float:left;width: 215px;height: 280px;background-color: white;border-radius: 3px;padding: 0 16px;box-sizing: border-box;margin-right: 20px;} .main_f .checked .left>dd ul{text-align: left} .main_f .checked .left>dd li{font-size: 14px;color: #666;line-height: 1.5} .main_f .checked .left>dd h4{line-height: 55px;color: #ff7200;border-bottom: 1px #ff7200 dotted} .main_f .checked .left>dd h4 img{vertical-align: middle;margin-right: 11px;} .main_f .checked .right{width: 310px;float: right;height: 362px;font-size: 0;border-radius: 3px;} .main_f .main_buttom{width: 672px;line-height: 48px;margin: 0 auto;border: 1px #92d0a4 dashed;border-radius: 24px;margin-top: 37px;font-size: 16px;color: #666;position: relative;box-sizing: border-box;height: 48px;} .main_f .main_buttom span:nth-of-type(1){width: 315px;position: absolute;display:block;top: 0;left: 0;} .main_f .main_buttom .buttom_span{position: absolute;display:block;width:335px;border-radius: 24px;top: -1px;right: -1px;height: 50px;color: white;overflow: hidden;} .main_f .main_buttom>span:nth-of-type(1){font-weight: 200;} .main_f .main_buttom .buttom_span a{color: white;display: inline-block;width: 50%;float:left;font-size: 20px;} .main_f .main_buttom .buttom_span a:nth-last-child(1){background-color:#25b16e;} .main_f .main_buttom .buttom_span a:nth-last-child(2){background-color:#f8900d;} /*main_g*/ .main_g .inner{padding: 50px 0;box-sizing: border-box;} .main_g .main_tltie h2{font-size: 30px;} .main_g .main_tltie p{font-weight: bold;font-size: 36px;margin-bottom: 42px;color: #ff6535;} .main_g .main_tltie i{text-align: left;display: block;font-size: 16px;color: #666;line-height: 1.5;margin-bottom: 15px;} .main_g .main_g_box{padding:0 35px 51px 35px;box-sizing: content-box;} .main_g .main_g_box ul li{float: left;width: 320px;height: 300px;position: relative;margin-right: 20px;margin-top: 20px;} .main_g .main_g_box ul li:nth-child(3n){margin-right:0;} .main_g .main_g_box ul li h4{font-size: 16px;color: white;background-color: #f8900d;height: 40px;line-height: 40px;} .main_g .main_g_box ul li h4 img{vertical-align: middle;margin-right: 8px;} .main_g .main_g_box ul li span{position: absolute;left: 0;bottom: 0;display: block;text-align: center;height: 35px;color: white;background-color: #000;opacity: 0.7;width: 100%;line-height: 35px;} .main_g .main_buttom {width: 484px;background-color: #ff6535;border-radius: 30px;height: 59px;color: white;line-height: 59px;margin: 0 auto;box-shadow:0 4px #ffdcaf;font-size: 18px;letter-spacing:-1px;} .main_g .main_buttom img{margin: 5px -10px 0 5px;float: left;} .main_g .main_buttom span{color: #ffff00;font-weight: bold;font-size: 22px;letter-spacing:-1px;line-height: 59px;} /*main_h*/ .main_h{width: 100%;background-color: #e69d3e;} .main_h .inner{padding: 50px 0;box-sizing: border-box;} .main_h .main_tltie h2{color: white;font-size: 40px;font-weight: bold;} .main_h .main_tltie p{color: #f8e5d2;font-size: 12px;} .main_h .main_h_box{width: 100%;height: 502px;overflow: hidden;position: relative;margin-top: 38px;} #up{width: 100px;height: 100px;position:absolute;top:200px;left: 5px;} #lower{width: 100px;height: 100px;position:absolute;top:200px;left: 968px;} .main_h .wap{width: 400%;height: 502px;position: absolute;top: 0;left: 0;} .main_h .wap li{float: left;width: 900px;height:500px;padding: 0 135px; display: flex;align-content: center;} .main_h .wap li img{ border:3px solid #cf8b0c;width: 400px; } .main_h .main_h_box .text{text-align: left;margin-left: 40px;width: 385px;} .main_h .main_h_box .text h4{font-size: 36px;color: #ffff00;font-weight: bold;margin-top: 20px;} .main_h .main_h_box .text .ac{font-size: 20px;display: inline-block;width: 132px;height: 39px;background-color: white;color: #f48800;line-height: 39px;text-align: center;margin-top: 22px;} .main_h .main_h_box .text .txt{margin-top: 15px;color: white;font-size: 16px;} .main_h .main_h_box .text .txt1{font-size: 16px;color: white;margin-top: 15px;line-height: 1.5;} .main_h .main_h_box .text .txt1 .ab{color: #ff0;} .main_h .main_h_box .buttom4{display: inline-block;width: 162px;line-height: 50px;font-size: 20px;text-align: center;border-radius: 25px;color: #f48800;font-weight: bold;margin-top: 20px;transition: all .5s;} .main_h .main_h_box .buttom4:hover{box-shadow: 0px 1px 10px rgba(0,0,0,.8);} .main_h .main_h_box .buttom1{margin-right: 20px;background-color:#ffff00;} .main_h .main_h_box .buttom2{background-color:white;} /*main_i*/ .main_i .inner{padding: 50px;box-sizing: border-box;} .main_i .main_tltie p{color: #ff6535;font-size: 36px;font-weight: bold;margin-bottom: 55px;} .main_i .main_i_box{background-color: #fff8ef;position: relative;height: 460px;margin-bottom: 47px;} .main_i .main_i_box .left{width: 685px;margin-left: 20px;position: absolute;z-index: 10;margin-top: 17px;} .main_i .main_i_box .left h4{height: 48px;line-height: 48px;background-image: url("/babyszlhmsyycom/templets/msck/special/pfc/images/main_i1.png");width: 682px;text-align: center;color: white;font-size: 22px;} .main_i .main_i_box .left li{width: 160px;height: 111px;float: left;margin-right: 15px;margin-top: 15px;} .main_i .main_i_box .left li:nth-child(4n){margin-right:0;} .main_i .main_buttom{width: 150px;height: 150px;border-radius: 50%;background-color: #ff6535;margin: 0 auto;display: block; padding-top: 36px;box-sizing: border-box;color: white;line-height: 1.3;border: 5px solid #ffc115;box-shadow: 0 4px #d74416;font-weight: bold;} .main_i .main_buttom span{font-weight: bold;font-size: 44px;} /*footer*/ .footer{width: 100%;height: 325px;background-color: #f48800;} .footer .inner{padding: 47px 47px 0 49px; box-sizing: border-box;} /*上面*/ .footer .footer_top{margin-bottom: 42px;} .footer .footer_top ul li a{width: 228px;height: 88px;float: left;margin-right: 20px;display: flex;align-items: center;} .footer .footer_top li:nth-of-type(4) a{margin-right:0;} /*左边*/ .footer .footer_top .left{width: 62px;height: 88px;background-color:#ffc57b;opacity: 0.5;display: flex;align-items: center;justify-content: center;} /*右边*/ .footer .footer_top .right{width:166px;height:88px;background-color: white;padding-top: 25px;box-sizing: border-box;} .footer .footer_top .right h4{font-size: 18px;color: #333;font-weight: bold;} .footer .footer_top .right p{font-size: 14px;color: #666;line-height: 2;} .footer .footer_top .right .ac{font-weight: bold;color: #ff6535;font-size: 20px; letter-spacing: -1px;} /*下面*/ .footer .footer_bottom{height: 116px;display: flex;align-items: center;} /*左边*/ .footer .footer_bottom .left{width: 561px;display: flex;align-items: center;justify-content: center;height: 116px;} /*右边*/ .footer .footer_bottom .center{width:2px;height: 114px;background: url("/babyszlhmsyycom/templets/msck/special/pfc/images/footerbb_11.jpg") no-repeat;} .footer .footer_bottom .right{width: 515px;color: #fef1e9;font-size: 16px;line-height: 1.5;text-align: left;margin-left: 60px;} /*tltie*/ .main_tltie h2{color:#f8900d;font-size: 36px;font-weight: bold;} .main_tltie p{color: #ffc784;font-size: 12px;padding-top: 9px;letter-spacing:1px} .main_buttom{cursor:pointer;display: block;transition: all .5s;font-weight: bold;} .main_buttom a{font-weight: bold;} .main_buttom:hover{box-shadow: 0px 1px 10px rgba(0,0,0,.8);} /*轮播*/ /*滚动条*/ .boxscroll2 { margin-top: 19px; height: 174px; overflow: auto; } .boxscroll3 { margin-top: 19px; height: 174px; overflow: auto; } .boxscroll4 { margin-top: 19px; height: 174px; overflow: auto; } .boxscroll5 { margin-top: 19px; height: 174px; overflow: auto; } .boxscroll6 { margin-top: 19px; height: 174px; overflow: auto; } .boxscroll7 { margin-top: 19px; height: 174px; overflow: auto; } .boxscroll8 { margin-top: 19px; height: 174px; overflow: auto; } .boxscroll9 { margin-top: 19px; height: 174px; overflow: auto; } .boxscrol20 { margin-top: 19px; height: 174px; overflow: auto; } .boxscrol21 { margin-top: 19px; height: 174px; overflow: auto; } .boxscrol22 { margin-top: 19px; height: 174px; overflow: auto; } .boxscrol23 { margin-top: 19px; height: 174px; overflow: auto; }