锘縝ody, div, p, span, ul, li, ol, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 {padding: 0;margin: 0;list-style: none;border: 0; } body {font-size: 14px;font-family: 'Microsoft Yahei',arial,sans-serif;color: #666;letter-spacing: 0px;-webkit-font-smoothing: antialiased;background: #fff; } body img {border: none;max-width: 100%; } body h1, body h2, body h3, body h4, body h5, body h6 {font-weight: normal; } body table {border-collapse: collapse;border-spacing: 0;} body input, body textarea, body select, body button {list-style: none;border: 0;outline: none;padding: 0;margin: 0; } body em, body i, body strong, body address, body cite, body dfn, body var {font-style: normal;font-weight: normal; } body a {outline-style: none;text-decoration: none;color: #333333; } body a:hover {text-decoration: none; } body .clearfix {*zoom: 1; } body .clearfix:after {content: '';display: table;clear: both; } body .clear {clear: both; } body .wrap {width: 100%;overflow: hidden; position: relative;} body .container {width: 1000px;height: auto;text-align: left;margin: 0 auto; position: relative;} body .main {width: 100%;height: auto; } body .rel {position: relative; } body .flex {display: inline-block;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; } body .msg{-webkit-flex: 1; flex: 1;-moz-box-flex: 1;-ms-flex: 1;} /*header*/ .header{background: #5ca7de;position: relative;} .header a img.logo{display: block;float: left;padding: 20px 0;} .header .nav{float: left;margin: 45px 0 0 25px;z-index: 5;} .header .nav ul li{float: left;font-size: 14px;width: 80px;text-align: center;border-right: 1px #5ca7de solid;box-sizing: border-box;-webkit-box-sizing: border-box;} .header .nav ul li a{display: block;color: #fff;background: #267dbd;line-height: 30px;} .header .nav ul li:nth-of-type(5){border-right: 0;} .header .nav ul li a:hover{background: #fee159;color: #267dbd;} .header a img.tel{float: right;margin-top: 33px;display: block;} /*banner*/ .banner{background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/banner.jpg")no-repeat center;height: 580px;position: relative;} .banner a.xl img{display: block;width: 400px;height: 90px;position: absolute;top: 50%;left: 50%;margin-left: -160px;margin-top: -20px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;} .banner a.xl img:hover{top: 50%;left: 50%;margin-left: -160px;margin-top: -10px;} .banner a.zx img{display: block;width: 91px;height: 92px;position: absolute;top: 50%;left: 50%;margin-left: 290px;margin-top: -65px;} .zq{top: -60px;position: relative;background: #ffc94c;padding: 20px 0 15px;} .zq ul{padding: 0 20px;} .zq ul li{float: left;margin-right: 26px;} .zq ul li a,.banner .zq ul li a img{display: block;position: relative;} .zq ul li:nth-of-type(4){margin-right: 0;} /*01*/ .wrap_a{position: relative;} .title img{display: block;position: relative;} .wrap_a p{font-size: 16px;color: #666;line-height: 1.8;text-indent: 2em;margin-top: 30px;} .wrap_a .center{margin-top: 45px;position: relative;height: 500px;} .wrap_a .center a{position: absolute;left: 0;bottom: 0;} .wrap_a .center .box img{display: inline-block;vertical-align: middle;margin-right: 15px;} .wrap_a .center .box item{display: inline-block;vertical-align: middle;width: 385px;} .wrap_a .center .box item b{font-size: 18px;color: #fd5e5a;display: block;} .wrap_a .center .box item em{font-size: 14px;color: #666;line-height: 1.5;margin-top: 6px;display: inline-block;} .wrap_a .center .box_a{position: absolute;top: -15px;right: 0;} .wrap_a .center .box_b{position: absolute;top: 115px;right: 0;} .wrap_a .center .box_b item{width: 285px;} .wrap_a .center .box_c{position: absolute;top: 260px;right: 0;} .wrap_a .center .box_c item{width: 285px;} .wrap_a .center .box_d{position: absolute;top: 400px;right: 0;} /*02*/ .wrap_b .bg_top{background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/b_bg_a.jpg") no-repeat center;height: 90px;position: relative;display: block;} .wrap_b{background: #fdf8f0;position: relative;margin-top: 60px;} .wrap_b ul{margin-top: 60px;position: relative;} .wrap_b ul li{background: #6ad4e8;text-align: center;float: left;width: 330px;margin-right: 5px;color: #6ad4e8;} .wrap_b ul li span{display: inline-block;font-size: 28px;background: #fdf8f0;width: 210px;line-height:100px; position: relative;top: -56px;border-radius: 100%;} .wrap_b ul li img{position: relative;margin-top: -35px;display: inline-block;} .wrap_b ul li:nth-of-type(2){background: #efa954;color: #efa954;} .wrap_b ul li:nth-of-type(3){margin-right: 0;background: #f36e6f;color: #f36e6f;} .wrap_b ul li p{font-size: 16px;color: #fff;text-align: left;padding: 15px 20px 25px 20px;line-height: 1.6;} .wrap_b .tips{margin-top: 40px;position: relative;background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/b_tips.jpg")no-repeat center;height: 200px;width: 1000px;} .wrap_b .tips p{font-size: 16px;color: #666;width: 790px;text-indent: 2em;line-height: 1.7;padding: 70px 0 10px 185px;} .wrap_b .tips i img{display: inline-block;padding-left: 182px;vertical-align: middle;} .wrap_b .tips em{font-size: 28px;font-weight: bold;color: #a72828;display: inline-block;vertical-align: middle;} .wrap_b .tips a{font-size: 18px;color: #fff;background: #ff9900;line-height: 40px;display: inline-block;vertical-align: middle;border-radius: 10px;padding: 0 15px;} .wrap_b .bg_bottom{background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/b_bg_b.jpg")no-repeat center;height: 90px;position: relative;display: block;} /*03*/ .wrap_c{margin-top: 30px;position: relative;} /*鍒囨崲hd*/ .wrap_c .switch_a{margin-top: 40px;position: relative;} .wrap_c .switch_a ul.hd li{width: 237.5px;background: #ff9900;float: left;margin-right: 12px;text-align: center;position: relative;} .wrap_c .switch_a ul.hd li:nth-of-type(5){margin-right: 0;} .wrap_c .switch_a ul.hd li p{font-size: 18px;color: #fff;padding: 10px 0;line-height: 1.5;} .wrap_c .switch_a ul.hd li.on:before{border: 15px transparent solid;border-top-color: #fd5e5a;position: absolute; bottom: -30px;left: 50%;content: '';display: block;margin-left: -15px;} .wrap_c .switch_a ul.hd li.on{background: #fd5e5a;} /*bd*/ .wrap_c .switch_a ul.bd{margin-top: 40px;} .wrap_c .switch_a ul.bd li{width: 735px;display: none;position: relative;} .wrap_c .switch_a ul.bd li table{width: 735px;} .wrap_c .switch_a ul.bd li table th{background: #ffa8a8;text-align: center;font-weight: 100;border: 1px #fff solid;font-size: 28px;color: #fff;height: 80px;} .wrap_c .switch_a ul.bd li table th p{font-size: 18px;} .wrap_c .switch_a ul.bd li table td{background: #eee;border: 1px #fff solid;text-align: left;height: 333px;} .wrap_c .switch_a ul.bd li table td p{font-size: 16px;color: #666;line-height: 1.65;padding-left: 30px;} .wrap_c .switch_a ul.bd li table td p span{color: #fd5e5a;} .wrap_c .switch_a ul.bd li table td:nth-of-type(1) p{text-align: center;padding-left: 0;} .wrap_c .switch_a ul.bd li.on{display: block;position: relative;} .wrap_c .switch_a img.right{position: absolute;top: 113px;right: 0;width: 264px;height: 420px;display: block;} .wrap_c .switch_a a.c_btn img{display: block;width: 106px;height: 106px;position: absolute;top: 350px;right: 140px;} .wrap_c .center{margin-top: 30px;position: relative;} .wrap_c .center p{font-size: 16px;color: #666;text-indent: 2em;line-height: 1.7;} .wrap_c .center p span{color: #fd5e5a;font-weight: bold;} /*04*/ .wrap_d .bg_top{background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/d_bg_a.jpg") no-repeat center;height: 90px;position: relative;display: block;} .wrap_d{background: #fcfacd;position: relative;margin-top: 60px;} .wrap_d .center{margin-top: 30px;position: relative;} .wrap_d .center p{font-size: 16px;color: #666;text-indent: 2em;line-height: 1.7;} .wrap_d .center p span{color: #fd5e5a;} .wrap_d .box{margin-top: 35px;position: relative;background: #fff;border: 10px #f1efbc solid;padding: 25px 20px;} .wrap_d .box ul li{width: 190px;margin-right: 15px;float: left;position: relative;text-align: center;} .wrap_d .box ul li a{font-size: 18px;color: #fc245f;background: #fff;line-height: 36px;display: inline-block;padding: 0 25px;border-radius: 18px;position: absolute;left: 33px;bottom: 30px;} .wrap_d .box ul li a:hover{border: 2px #fff solid;background: #fc245f;color: #fff;} .wrap_d .box .right{width: 310px;position: absolute;top: 40px; right: 20px;} .wrap_d .box .right b{font-size: 18px;color: #666;margin-bottom: 10px;display: inline-block;} .wrap_d .box .right p{font-size: 14px;color: #666;line-height: 1.6;} .wrap_d .box .right p span{color: #fd5e5a;} .wrap_d .bg_bottom{background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/d_bg_b.jpg") no-repeat center;height: 90px;position: relative;display: block;} /*05*/ .wrap_e{background: #f7eb5d;padding-top: 40px;position: relative;} .wrap_e .box{margin-top: 40px;border: 10px #f0e459 solid;background: #fff;padding: 30px 10px;position: relative;} .wrap_e .box .left{width: 510px;text-align: center;} .wrap_e .box .left h6{font-size: 20px;color: #fe5919;} .wrap_e .box .left h6 span{font-weight: bold;} .wrap_e .box .left ul{margin-top: 30px;background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/e_img_a.png")no-repeat center;width: 507px;height: 196px;position: relative;} .wrap_e .box .left ul li{float: left;text-align: center;margin: 43px 0 0 35px;} .wrap_e .box .left ul .sw_li{margin: 46px 0 0 42px;} .wrap_e .box .left ul li p{font-size: 18px;color: #fff;} .wrap_e .box .left ul li b{font-size: 24px;color: #fff;display: block;margin-top: 5px;} .wrap_e .box .left ul .sw_li b{margin-top: 14px;} .wrap_e .box .left ul li a{display: inline-block;font-size: 16px;color: #fff;border: 1px #fff solid; line-height: 30px; border-radius: 15px;padding: 0 20px;margin-top: 15px;} .wrap_e .box .left ul li a:hover{background: #fff;color: #ff9900;} .wrap_e .box .left ul li em{font-size: 16px;font-weight: bold;color: #fff;margin-top: 10px;display: block;} .wrap_e .box .left a.e_btn{font-size: 18px;color: #fff;background: #ff3131;line-height: 45px;padding: 0 20px;border-radius: 20px;margin-top: 25px;display: inline-block;} .wrap_e .box .right{position: absolute;top: 20px;right: 25px;width: 419px;} .wrap_e .box .right img{display: block;} .wrap_e .bg_bottom{background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/e_bg_b.png") no-repeat center;height: 110px;position: relative;display: block;} /*06*/ .wrap_f{margin-top: 40px;position: relative;} .wrap_f .box{padding: 0 5px;margin-top: 50px;position: relative;} .wrap_f .box .left{float: left;} .wrap_f .box .left img{display: block;} .wrap_f .box .right{width: 490px;float: left;position: relative;text-align: center;} .wrap_f .box .right h5{font-size: 28px;color: #fff;background: #ffa8a8;display: block;line-height: 60px;} .wrap_f .box .right p{font-size: 16px;color: #666;text-indent: 2em;line-height: 1.7;padding: 0 20px;margin-top: 20px;text-align: left;} .wrap_f .box .right a{display: inline-block;font-size: 18px;color: #fff;line-height: 50px;background: #ff9900;padding: 0 55px;border-radius: 25px;margin-top: 20px;} .wrap_f .center{margin-top: 45px;position: relative;padding: 0 20px;} .wrap_f .center h5 i{display: inline-block;vertical-align: middle;} .wrap_f .center h5{font-size: 24px;color: #fd5e5a;line-height: 25px;position: relative;} .wrap_f .center h5:before{content: ''; height: 1px;background: #fd5e5a;display: block;position: absolute;top: 13px;left: 500px;width: 475px;} .wrap_f .center p{font-size: 16px;color: #666;text-indent: 2em;line-height: 1.6;width: auto;margin-top: 10px;display: inline-block;vertical-align: middle;margin-right: 20px;} .wrap_f .center ul{display: inline-block;vertical-align: middle;width: 450px;margin-top: 25px;} .wrap_f .center ul li{float: left;margin-right: 15px;} .wrap_f .center ul li:nth-of-type(3){margin-right: 0;} .wrap_f .f_btn{margin-top: 45px;text-align: center;position: relative;} .wrap_f .f_btn a{margin-right: 35px;display: inline-block;} .wrap_f .f_btn a:nth-of-type(2){margin-right: 0;} /*07*/ .wrap_g .bg_top{background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/b_bg_a.jpg") no-repeat center;height: 90px;position: relative;display: block;} .wrap_g{background: #fdf8f0;position: relative;margin-top: 60px;} /*鍒囨崲*/ .wrap_g .switch_b{margin-top: 40px;position: relative;text-align: center;} .wrap_g .switch_b .swiper-slide img{display: block;position: relative;width: 800px;height: 420px;overflow: hidden;margin: 0 auto;} .wrap_g .switch_b .swiper-slide p{display: inline-block;width: 800px; font-size: 24px;color: #fff;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 50%;line-height: 60px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);} /*鍒囨崲 鎸夐挳*/ .button-prev{position: absolute;left: 0;top: 50%;width: 50px;height: 140px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);width: 50px;z-index: 99;} .button-next{position: absolute;right: 0;top: 50%;height: 140px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);width: 50px;z-index: 99;} .wrap_g .bg_bottom{background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/b_bg_b.jpg") no-repeat center;height: 90px;position: relative;display: block;} /*鎸傚彿*/ .wrap_gh{width: 1000px; margin: 0 auto;margin-top: 50px;position: relative;} .wrap_gh .subtitle{text-align: center;position: relative;} .wrap_gh .subtitle img{position: absolute;left: 275px; top: 0;} .wrap_gh .subtitle h2{font-size: 30px; color: #fd5e5a;line-height: 1;font-weight: 600;} .wrap_gh .subtitle em{font-size: 12px;color: #fd5e5a;} .wrap_gh .h_center{margin-top: 30px;border: 10px #fbeaea solid;} .wrap_gh .h_center .form{margin: 35px 40px;} .wrap_gh .h_center .form .fudong{float: left;} .wrap_gh .h_center .form li{font-size: 14px; color: #333;margin-bottom: 20px;float: left;width: 100%;} .wrap_gh .h_center .form input{width: 340px;height: 35px; border: 1px #ccc solid;} .wrap_gh .h_center .form .mg_left{margin-left: 60px;} .wrap_gh .h_center .form li em textarea{width: 820px; border: 1px #ccc solid;resize: none;} .wrap_gh .h_center .form p{font-size: 14px;color: #e42d1b;display: block;margin-left: 70px;margin-top: 5px;} .wrap_gh .h_center .form_a{text-align: center;margin-top: 20px;} .wrap_gh .h_center .form_a input{font-size: 18px;color: #fff;background: #999999;border-radius: 5px;width: 160px;height: 45px;margin-right: 30px;border: 0;cursor: pointer;} .wrap_gh .h_center .form li:nth-of-type(3){margin-bottom: 0;} .wrap_gh .h_center .form li:nth-of-type(3) span{margin-right: 4px;} .wrap_gh .h_center .form_a input:hover {filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;} .wrap_gh .h_center .form_a input:nth-of-type(2){background: #ff8800;margin-right: 0;} /*footer*/ .footer .bg_top{background: url("/babyszlhmsyycom/templets/msck/special/cjzkyh/images/foot_bg.jpg")no-repeat center;height: 65px;position: relative;display: block;} .footer{background: #5ca7de;height: 385px;position: relative;margin-top: 60px;} .footer img.foot_logo{float: left;margin-top: 90px;display: block;margin-right: 60px;} .footer .center{margin-top: 90px;position: relative;float: left;text-align: left;} .footer .center .nav ul{margin-bottom: 20px;position: relative;} .footer .center .nav ul li{float: left;text-align: center;border-right: 1px #bdd1e6 solid;} .footer .center .nav ul li:nth-of-type(5){border-right: 0;} .footer .center .nav ul li a{display: inline-block;line-height: 30px;font-size: 14px;color: #fff;width: 90px;background: #267dbd;} .footer .center .nav ul li a:hover{background: #fee159;color: #267dbd;} .footer .center p{font-size: 16px;color: #fff;margin-top: 15px;} .footer .center p a{color: #fff;} .footer .center p a:hover{color: #ffff00;} .footer .center p:nth-of-type(4) a{color: #ffff00;} .footer img.foot_qr{display: block;float: right;margin-top: 45px;} /*鎸夐挳鍔ㄧ敾*/ #animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode: both; -webkit-animation-name: tada; animation-name: tada; } #button { animation: pulse 1.2s infinite alternate; } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /*shadow*/ .shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; z-index:999;} .shadow:before {pointer-events: none;position: absolute;z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); }