@charset "utf-8";
/* CSS Document */
body,html{min-width:1200px;max-width:100%;margin:0 auto;-moz-transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}

body,h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dd,ul,ol,pre,form,fieldset,legend,button,input,textarea,th,p{margin:0;padding:0;color:#333333;font-weight: 300; }
body{font-size:14px;font-style:normal;background:#FFFFFF;min-width: 1180px;font-family:"微软雅黑";    overflow-x: hidden; overflow-y: overlay;}
.img100{border:0;width: 100%;}
ul,li{list-style:none;}
.font_weight{font-weight:normal;color:#333333;}
a{color: #FFFFFF;}
a,a:hover{text-decoration:none;}

 
.fl{float:left;}
.fr{float:right;}
@charset "utf-8";
/* CSS Document */
body,html{min-width:1200px;max-width:100%;margin:0 auto;-moz-transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}

body,h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dd,ul,ol,pre,form,fieldset,legend,button,input,textarea,th,p{margin:0;padding:0;color:#333333;font-weight: 300; }
body{font-size:14px;font-style:normal;background:#FFFFFF;min-width: 1180px;font-family:"微软雅黑";overflow-x: hidden}
.img100{width: 100%;vertical-align: middle;}
ul,li{list-style:none;}
.font_weight{font-weight:normal;color:#333333;}
a{color: #FFFFFF;}
a,a:hover{text-decoration:none;}

 
.fl{float:left;}
.fr{float:right;}

.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
*html .clearfix{height:1%;}.vm{vertical-align:center;}

.re{position: relative;}
.ab{position: absolute;}

.wrap{margin: 0 auto;padding: 2% 8.3%;}
.wrap_qt{margin: 0 auto;width: 83.4%;background-color: #ffffff;}
.header{background-color: #5897ff;}
.header .header_r{background-color:#fff;top: 15%;right: 10%;display: flex;justify-content: center;align-items: Center;border-radius: 5px;}
.header .header_r p{font-size: 15px;color:#5897ff;padding: 7px 7px;width: 40px;text-align: center;}
.header .header_r p a{color:#5897ff;}
.header .header_r p.active_en{background-color: #ffb055;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;font-weight: bold;}
.header .header_r p.active_en a{color: #fff;}

.nav{background-color: #5897ff;top: 54%;right: 5%;width: 50%;}
.nav ul{width: 92%;margin: 0 auto;text-align: center;}
.nav ul li{float:left;width: 24%;border-left: 1px solid #fff;margin: 1.2% 0;}
.nav ul li:nth-child(1){width: 16%;border-left: none;}
.nav ul li:nth-child(2){width: 28%;}
.nav ul li:nth-child(3){width: 30%;}
.nav ul li:nth-child(4){width: 22%;}
.nav ul li a{font-size: 18px;color: #ffffff;}

.banner {overflow: hidden;background-color: #f5f5f5;}
.banner .icon{bottom: 33%;left: 15%;right: 13%;text-align: center;width: 31%;}
.banner .icon ul li{float:left;width: 30%;}
.banner .icon ul li img{width: 75%;}
.banner i{bottom: 19%;left: 27%;text-align: center;display: block;}
.banner i img{width: 77%;}

/*主页*/
.box01{ background-color: #f5f5f5;}
.box01 .wrap ul li{float:left;width:49%;margin-right: 2%;}
.box01 .wrap ul li .box01_con{padding: 10% 6%;border-top-right-radius: 10px;border-top-left-radius: 10px;height: 252px;}
.box01 .wrap ul li:nth-child(2){margin-right: 0}
.box01_l{width: 29%;}
.box01_l img{width: 92%;}
.box01_r{text-align: left;width: 62%;}
.box01_r h1{font-size: 30px;color: #fff;font-weight: bold;}
.box01_r span{font-size: 24px;color: #fff;line-height: 1.8;}
.box01_r i{display: block;border: 0.5px solid #fff; margin: 2% 0;}
.box01_r p{font-size: 16px;color: #fff;line-height: 1.8;}
.box01_r p font{height: 10px;width: 2px;background-color:#fff;display: inline-block;margin-right: 6px;}
.box01 .wrap ul li .jianb1 {background: #e25477 linear-gradient(to right, rgba(255,114,179,0), rgb(254, 114,179));}
.box01 .wrap ul li .jianb2 {background: #8f66fb linear-gradient(to right, rgba(255,114,179,0), rgb(231, 141,231));}
.box01 .wrap ul li .box1_more{text-align: center;border-bottom-left-radius: 0.6rem;background-color: #fff;border-bottom-right-radius: 0.6rem;}
.box01 .wrap ul li .box1_more ul li{float:left;width: 49%;border-right: 1px solid #4c4c4c;margin: 2.2% 0;padding: 2% 0;}
.box01 .wrap ul li .box1_more ul li:nth-child(2){border-right: none;}
.box01 .wrap ul li .box1_more ul li a{font-size: 21px;color: #4c4c4c;display: flex;justify-content: center;align-items: Center;}
.box01 .wrap ul li .box1_more ul li:nth-child(1) img{width: 7px;padding-left: 10px;}
.box01 .wrap ul li .box1_more ul li:nth-child(2) img{width: 23px;padding-left: 10px;}

.box02{ background-color: #f5f5f5;}
.box02 .wrap ul li{float:left;width:32%;margin-right: 2%;}
.box02 .wrap ul li .box02_con{padding: 10% 6%;border-top-right-radius: 10px;border-top-left-radius: 10px;height: 460px;}
.box02 .wrap ul li:nth-child(3){margin-right: 0}
.box02_l{width: 45%;margin: 0 auto;}
.box02_l img{width: 92%;}
.box02_r{text-align: left;width: 90%;margin: 6% auto;}
.box02_r h1{font-size: 30px;color: #fff;font-weight: bold;}
.box02_r span{font-size: 24px;color: #fff;line-height: 1.8;}
.box02_r i{display: block;border: 0.5px solid #fff; margin: 2% 0;}
.box02_r p{font-size: 16px;color: #fff;line-height: 1.8;}
.box02_r p font{height: 0.3rem;width: 0.07rem;background-color:#fff;display: inline-block;margin-right: 0.2rem;}
.jianb1 {background: #e25477 linear-gradient(to right, rgba(255,114,179,0), rgb(254, 114,179));}
.jianb2 {background: #8f66fb linear-gradient(to right, rgba(255,114,179,0), rgb(231, 141,231));}
.jianb3 {background: #fe6a45 linear-gradient(to right, rgba(255,114,179,0), rgb(253, 190,113));}
.jianb4 {background: #5982fb linear-gradient(to right, rgba(255,114,179,0), rgb(58, 188,254));}
.jianb5 {background: #25c695 linear-gradient(to right, rgba(255,114,179,0), rgb(112, 225,161));}
.box02 .wrap ul li .box02_more{text-align: center;border-bottom-left-radius: 0.6rem;background-color: #fff;border-bottom-right-radius: 0.6rem;}
.box02 .wrap ul li .box02_more ul li{float:left;width: 49%;border-right: 1px solid #4c4c4c;margin: 2.2% 0;padding: 2% 0;}
.box02 .wrap ul li .box02_more ul li:nth-child(2){border-right: none;}
.box02 .wrap ul li .box02_more ul li a{font-size: 21px;color: #4c4c4c;display: flex;justify-content: center;align-items: Center;}
.box02 .wrap ul li .box02_more ul li:nth-child(1) img{width: 7px;padding-left: 10px;}
.box02 .wrap ul li .box02_more ul li:nth-child(2) img{width: 23px;padding-left: 10px;}

.box03{ background-color: #f5f5f5;}
.forms{ background-color: #f5f5f5;margin: 0 auto;}
.forms .forms_con{background-color: #fff;border-radius: 0.6rem;padding: 4% 6%;}
.forms .forms_con .forms_title{text-align: center;width: 88%;margin: 0 auto;}
.forms .forms_con .forms_title h1{font-size: 48px;font-weight:bold;color: #5897ff;padding: 1% 0 5%;display: flex;justify-content: center;align-items: Center;}
.forms .forms_con .forms_title img{width: 53px;padding-right: 6px;}
.forms .forms_con form{width: 62%;overflow: hidden;margin: 0 auto;}
.forms .forms_con .input-li{width: 100%;border-radius: 10px;border: #e5e5e5 solid 1px;padding: 0 3.4%;margin-bottom: 26px;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.forms .forms_con .input-li .sp1{position: relative;padding-left: 38px;float: left;/* line-height: 98px; *//*width: 32.5%;*/width: 175px;color: #000000;font-size: 28px;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;height: 100px;display: flex;justify-content: left;align-items: Center;}
.forms .forms_con .input-li .sp1::before{content: '';position: absolute;right: 0;top: 0;bottom: 0;margin: auto;width: 2px;height: 30px;border-right: #e2dcdc solid 2px;}
.forms .forms_con .input-li .sp1 .img{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 38px;height: 100%;}
.forms .forms_con .input-li .sp1 .img1{background: url(../images/xmainimg4.png) center left no-repeat;background-size: 28px 30px;}
.forms .forms_con .input-li .sp1 .img2{background: url(../images/xmainimg5.png) center left no-repeat;background-size: 28px 30px;}
.forms .forms_con .input-li .sp1 .img3{background: url(../images/xmainimg6.png) center left no-repeat;background-size: 28px 30px;}
.forms .forms_con .input-li .sp2{position: relative;float: left;/*width: 67.5%;*/width: -moz-calc(100% - 175px);width: -webkit-calc(100% - 175px);width: calc(100% - 175px);padding: 0px 23px;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.forms .forms_con .input-li .sp2.must::before{content: '*';position: absolute;right: 0;top: 0;bottom: 0;margin: auto;width: 23px;height: 100%;color: #ff0000;font-size: 26px;text-align: right;line-height: 98px;}
.forms .forms_con .input-li .sp2 input{width: 100%;background: none;border: none;outline: none;line-height: 98px;font-size: 28px;color: #000000;}
.forms .forms_con .input-li .sp2 input::-webkit-input-placeholder{color: #cccccc;}
.forms .forms_con .input-li .sp2 input:-moz-placeholder {color: #cccccc;}
.forms .forms_con .input-li .sp2 input::-moz-placeholder {color:  #cccccc;}
.forms .forms_con .input-li .sp2 input:-ms-input-placeholder {color: #cccccc;}
.forms_sm{text-align: left;width: 63%;margin: 6% auto 4%;}
.forms_sm h1{font-size: 29px;color: #808080;font-weight: bold;padding-bottom: 16px;} 
.forms_sm p{font-size: 24px;color: #808080;line-height: 42px;padding-bottom: 17px;}
.btn{display: block;height: 92px;line-height: 91px;margin: 26px auto 0;padding-left: 10px;text-align: center;color: #fff;font-size: 26px;border-radius: 10px;background: #5897ff;}
.btn img{display: inline-block;width: 40px;vertical-align: middle;position: relative;padding-right: 5px;}
input{    border: none;}
.forms .forms_con .btn .btn-input{position: absolute;left: 0;top: 0;width: 100%;height: 92px;cursor: pointer;line-height: 4;border: none;outline: none;background: none;}
.box04{background-color: #f5f5f5;} 
.box04 h1{font-size: 48px;font-weight: bold;top: 5%;left: 0;right: 0;text-align: center;color: #ffffff;}
.box04 span{font-size: 26px;top: 22%;left: 0;right: 0;text-align: center;color: #ffffff;}
.box04 .p1{font-size: 20px;top: 65%;left: 20%;text-align: center;color: #5897ff;width: 11%;}
.box04 .p2{font-size: 20px;top: 65%;left: 36.5%;text-align: center;color: #5897ff;width: 11%;}
.box04 .p3{font-size: 20px;top: 65%;right: 36.5%;text-align: center;color: #5897ff;width: 11%;}
.box04 .p4{font-size: 20px;top: 65%;right: 20%;text-align: center;color: #5897ff;width: 11%;}
/*主页*/

/*遗传病*/
.ycb_box1{ background-color: #f5f5f5;}
.ycb_title{padding: 2% 4%;text-align:center;margin: 0 auto;}
.ycb_title h1{font-size: 48px;color: #4c4c4c;font-weight:bold;}
.ycb_title span{font-size: 22px;color: #fff;display: inline-block;background-color: #7fafff;padding: 17px 35px;border-radius: 50px;line-height: 32px;margin: 2% 0 0;}
.ycb_box1_txt{width: 76%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.ycb_box1_txt hr{height: 18px;border: none;}
.ycb_box1_txt p{font-size: 22px;color: #666666;line-height: 40px;}
.ycb_box1_txt p font{font-size: 24px;color: #666666;font-weight:bold;}
.ycb_box2{background-color: #f5f5f5;}
.ycb_box2 ul{width: 80%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.ycb_box2 ul li{float:left;width: 23.5%;margin-right:2%;text-align: center;margin-bottom: 2%;border-radius: 10px;padding: 2% 0% 4%;height: 173px;}
.ycb_box2 ul li:nth-child(1){background-color: #f77d72;}
.ycb_box2 ul li:nth-child(2){background-color: #9cbb32;}
.ycb_box2 ul li:nth-child(3){background-color: #13bfaf;}
.ycb_box2 ul li:nth-child(4){background-color: #a191f3;margin-right:0;}
.ycb_box2 ul li h1{font-size: 30px;color: #fff;border-bottom: 1px solid #fff;width: 76%;margin: 2% auto;padding-bottom: 3%;}
.ycb_box2 ul li p{font-size: 20px;color: #fff;text-align: left;padding: 3% 6%;line-height: 30px;}
.ycb_box3{background-color: #f5f5f5;}
.ycb_box3 ul{width: 81%;margin: 0 auto;background-color: #fff;padding: 0 4% 2%;}
.ycb_box3 ul li{float:left;width: 15%;margin-right:2%;text-align: center;margin-bottom: 2%;border-radius: 10px;padding: 2% 0% 4%;height: 139px;}
.ycb_box3 ul li:nth-child(6){margin-right:0;}
.ycb_box3 ul li p{font-size: 20px;color: #4c4c4c;text-align: center;padding: 13px 0%;line-height: 30px;}
.ycb_box1_txt i {display: block;text-align: center;}
.ycb_box1_txt i img{width:470px;}
/*遗传病*/


/*亲子鉴定*/
.qzjd_box1{ background-color: #f5f5f5;}
.qzjd_title{padding: 2% 4%;text-align:center;margin: 0 auto;}
.qzjd_title h1{font-size: 48px;color: #4c4c4c;font-weight:bold;}
.qzjd_title span{font-size: 22px;color: #fff;display: inline-block;background-color: #7fafff;padding: 17px 35px;border-radius: 50px;line-height: 32px;margin: 2% 0 0;}
.qzjd_box1_txt{width: 76%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.qzjd_box1_txt hr{height: 18px;border: none;}
.qzjd_box1_txt p{font-size: 22px;color: #666666;line-height: 40px;}
.qzjd_box1_txt p font{font-size: 24px;color: #666666;font-weight:bold;}

/*亲子鉴定*/

/*化学*/
.huax_box1{ background-color: #f5f5f5;}
.huax_title{padding: 2% 4%;text-align:center;margin: 0 auto;}
.huax_title h1{font-size: 48px;color: #4c4c4c;font-weight:bold;}
.huax_title span{font-size: 22px;color: #fff;display: inline-block;background-color: #7fafff;padding: 17px 35px;border-radius: 50px;line-height: 32px;margin: 2% 0 0;}
.huax_title i{font-size: 30px;color: #4c4c4c;font-style: normal;display: block;padding-top: 10px;}
.huax_box1_txt{width: 76%;margin: 0 auto;background-color: #fff;padding: 2% 4%;    text-align: center;}
.huax_box1_txt hr{height: 18px;border: none;}
.huax_box1_txt p{font-size: 22px;color: #666666;line-height: 40px;}
.huax_box1_txt p font{font-size: 24px;color: #666666;font-weight:bold;}
.huax_box1_txt img{width: 83%;}
/*化学*/

/*唐氏综合症*/
.tszhz_box1{ background-color: #f5f5f5;}
.tszhz_title{padding: 2% 4%;text-align:center;margin: 0 auto;}
.tszhz_title h1{font-size: 48px;color: #4c4c4c;font-weight:bold;}
.tszhz_title span{font-size: 22px;color: #fff;display: inline-block;background-color: #7fafff;padding: 17px 35px;border-radius: 50px;line-height: 32px;margin: 2% 0 0;}
.tszhz_box1_txt{width: 76%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.tszhz_box1_txt hr{height: 18px;border: none;}
.tszhz_box1_txt p{font-size: 22px;color: #666666;line-height: 40px;}
.tszhz_box1_txt p font{font-size: 24px;color: #666666;font-weight:bold;}
.tszhz_box2{background-color: #f5f5f5;}
.tszhz_box2 ul{width: 80%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.tszhz_box2 ul li{float:left;width: 23.5%;margin-right:2%;text-align: center;margin-bottom: 2%;border-radius: 10px;padding: 2% 0% 4%;height: 178px;}
.tszhz_box2 ul li:nth-child(1){background-color: #f77d72;}
.tszhz_box2 ul li:nth-child(2){background-color: #9cbb32;}
.tszhz_box2 ul li:nth-child(3){background-color: #13bfaf;}
.tszhz_box2 ul li:nth-child(4){background-color: #a191f3;margin-right:0;}
.tszhz_box2 ul li h1{font-size: 30px;color: #fff;border-bottom: 1px solid #fff;width: 75%;margin: 2% auto;padding-bottom: 3%;}
.tszhz_box2 ul li p{font-size: 20px;color: #fff;text-align: left;padding: 3% 6%;line-height: 30px;}
.tszhz_box3{background-color: #f5f5f5;}
.tszhz_box3 ul{width: 81%;margin: 0 auto;background-color: #fff;padding: 0 4% 2%;}
.tszhz_box3 ul li{float:left;width: 15%;margin-right:2%;text-align: center;margin-bottom: 2%;border-radius: 10px;padding: 2% 0% 4%;height: 139px;}
.tszhz_box3 ul li:nth-child(6){margin-right:0;}
.tszhz_box3 ul li p{font-size: 20px;color: #4c4c4c;text-align: center;padding: 13px 0%;line-height: 30px;}
.tszhz_box1_txt i {display: block;text-align: center;}
 
/*唐氏综合症*/

/*遗传病肿瘤*/
.ycbzl_box1{ background-color: #f5f5f5;}
.ycbzl_title{padding: 2% 4%;text-align:center;margin: 0 auto;}
.ycbzl_title h1{font-size: 48px;color: #4c4c4c;font-weight:bold;}
.ycbzl_title span{font-size: 22px;color: #fff;display: inline-block;background-color: #7fafff;padding: 17px 35px;border-radius: 50px;line-height: 32px;margin: 2% 0 0;}
.ycbzl_box1_txt{width: 76%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.ycbzl_box1_txt hr{height: 18px;border: none;}
.ycbzl_box1_txt p{font-size: 22px;color: #666666;line-height: 40px;}
.ycbzl_box1_txt p font{font-size: 24px;color: #666666;font-weight:bold;}
.ycbzl_box2{background-color: #f5f5f5;}
.ycbzl_box2 ul{width: 89%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.ycbzl_box2 ul li{float:left;width: 23.5%;margin-right:2%;text-align: center;margin-bottom: 2%;border-radius: 10px;padding: 2% 0% 4%;height: 242px;}
.ycbzl_box2 ul li:nth-child(1){background-color: #f77d72;}
.ycbzl_box2 ul li:nth-child(2){background-color: #9cbb32;}
.ycbzl_box2 ul li:nth-child(3){background-color: #13bfaf;}
.ycbzl_box2 ul li:nth-child(4){background-color: #a191f3;margin-right:0;}
.ycbzl_box2 ul li h1{font-size: 30px;color: #fff;border-bottom: 1px solid #fff;width: 80%;margin: 2% auto;padding-bottom: 3%;}
.ycbzl_box2 ul li p{font-size: 20px;color: #fff;text-align: left;padding: 3% 6%;line-height: 30px;}
.ycbzl_box3{background-color: #f5f5f5;}
.ycbzl_box3 ul{width: 81%;margin: 0 auto;background-color: #fff;padding: 0 4% 2%;}
.ycbzl_box3 ul li{float:left;width: 15%;margin-right:2%;text-align: center;margin-bottom: 2%;border-radius: 10px;padding: 2% 0% 4%;height: 139px;}
.ycbzl_box3 ul li:nth-child(6){margin-right:0;}
.ycbzl_box3 ul li p{font-size: 20px;color: #4c4c4c;text-align: center;padding: 13px 0%;line-height: 30px;}
.ycbzl_box1_txt i {display: block;text-align: center;}
 
/*遗传病肿瘤*/


.tsj{    text-align: left;
    border-radius: 75px !important;
    width: 65%;
    padding: 17px 55px !important;
  line-height: 35px !important;}

/*底部*/
.foot h1{font-size: 48px;font-weight: bold;text-align: center;color: #4c4c4c;}
.foot span{font-size: 26px;text-align: center;color: #4c4c4c;display: block;    padding: 9px 0;}
.foot{background-color:#f5f5f5;padding: 0 0 38px;}
.foot_l{float:left;padding: 4% 5% 0 22%;}
.foot_l img{width: 84%;}
.foot_r{padding-top:22px;padding-right:20px;text-align: left;padding: 6% 16% 0 0;}
.foot_r h1{font-size: 34px;font-weight: normal;text-align: left;color: #4c4c4c;padding-bottom: 10px;}
.foot_r p{font-size:20px;color: #4c4c4c;line-height: 35px;}
/*底部*/