@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
em,i{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: none;  }
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{outline:none}
body,html{margin:0 auto;}
img {border:none;vertical-align: middle;height: auto;    display: inline-block;}
/* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}*/
* {margin:0;padding:0;text-shadow:none;}
.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align: stretch;align-items:stretch}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.img100{ width:100%;}

.btn{display: block;width: 94%;height: 1.8rem;line-height: 1.8rem;margin: 0.3rem auto 0;padding-left: 0.59rem;text-align: center;color: #fff;font-size: 0.60rem;border-radius: 0.2rem;background: #5897ff;}
.btn img{display: inline-block;width: 1rem;vertical-align: middle;position: relative;    padding-right: 0.2rem;}

.moweili{min-width:8rem;max-width: 16rem; margin: 0 auto;overflow: hidden;}

.header{}
.header .header_r{background-color:#fff;top: 30%;right: 4%;display: flex;justify-content: center;align-items: Center;border-radius: 0.2rem;}
.header .header_r p{font-size:0.45rem;color:#5897ff;padding: 0.2rem 0.3rem;width: 0.8rem;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: 0.2rem;border-bottom-left-radius: 0.2rem;font-weight: bold;}
.header .header_r p.active_en a{color: #fff;}

.nav{background-color: #5897ff;padding:2% 0;}
.nav ul{width: 96%;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){border-left: none;width: 14%;}
.nav ul li:nth-child(2){width: 31%;}
.nav ul li:nth-child(3){width: 34%;}
.nav ul li:nth-child(4){width: 20%;}
.nav ul li a{font-size:0.50rem;color: #ffffff;}

.banner {overflow: hidden;}
.banner .icon{bottom: 15%;left: 13%;right: 13%;text-align: center;}
.banner .icon ul li{float:left;width: 33%;}
.banner .icon ul li img{width:3rem;}
.banner i{bottom: 6%;left: 0;right: 0;text-align: center;display: block;}
.banner i img{width:1rem;}


/*首页*/
.box1{width: 92%;padding: 3% 4%;background-color: #f5f5f5;margin: 0 auto;}
.box1 .box1_con{padding: 7%;border-top-right-radius: 0.5rem;border-top-left-radius: 0.5rem;}
.box1 .jianb1 {background: #e25477 linear-gradient(to right, rgba(255,114,179,0), rgb(254, 114,179));}
.box1 .jianb2 {background: #8f66fb linear-gradient(to right, rgba(255,114,179,0), rgb(231, 141,231));}
.box1 .jianb3 {background: #fe6a45 linear-gradient(to right, rgba(255,114,179,0), rgb(253, 190,113));}
.box1 .jianb4 {background: #5982fb linear-gradient(to right, rgba(255,114,179,0), rgb(58, 188,254));}
.box1 .jianb5 {background: #25c695 linear-gradient(to right, rgba(255,114,179,0), rgb(112, 225,161));}
.box1 .box1_con .box1_l{float:left;width:30%}
.box1 .box1_con .box1_l p{font-size: 0.45rem;color: #fff;text-align: center;padding-top: 7%;}
.box1 .box1_con .box1_l img{width:3.5rem;}
.box1 .box1_con .box1_r{float: right;text-align: left;width: 66%;}
.box1 .box1_con .box1_r h1{font-size: 0.75rem; color: #fff;font-weight: bold;}
.box1 .box1_con .box1_r span{font-size: 0.52rem;color: #fff;line-height: 1.8;}
.box1 .box1_con .box1_r i{display: block;border: 0.5px solid #fff; margin: 2% 0;}
.box1 .box1_con .box1_r p{font-size: 0.45rem;color: #fff;line-height: 1.8;}
.box1 .box1_con .box1_r p font{height: 0.3rem;width: 0.07rem;background-color:#fff;display: inline-block;margin-right: 0.2rem;}
.box1 .box1_more{text-align: center;border-bottom-left-radius: 0.6rem;background-color: #fff;border-bottom-right-radius: 0.6rem;}
.box1 .box1_more ul li{float:left;width: 49%;border-right: 1px solid #4c4c4c;margin: 2.2% 0;padding: 2% 0;}
.box1 .box1_more ul li:nth-child(2){border-right: none;}
.box1 .box1_more ul li a{font-size: 0.65rem;color: #4c4c4c;}
.box1 .box1_more ul li:nth-child(1) img{width:0.175rem;    padding-left: 0.2rem;}
.box1 .box1_more ul li:nth-child(2) img{width:0.575rem;    padding-left: 0.2rem;}
.box3 .box3_txt{top: 1%;left:0;right:0;text-align:center;margin:0 auto;width: 88%;}
.box3 .box3_txt h1{font-size: 0.85rem;font-weight:bold;color: #fff;}
.box3 .box3_txt p{font-size: 0.50rem;padding-top:0.2rem;color: #fff;    line-height: 1.2;}
.box3 .box3_p1{top: 40%;left: 15%;font-size: 0.50rem;color: #5897ff;text-align: center;line-height: 1.2;}
.box3 .box3_p2{top: 40%;right: 17%;font-size: 0.50rem;color: #5897ff;text-align: center;line-height: 1.2;}
.box3 .box3_p3{bottom: 10%;left: 10%;font-size: 0.50rem;color: #5897ff;text-align: center;line-height: 1.2;}
.box3 .box3_p4{bottom: 10%;right: 11%;font-size: 0.50rem;color: #5897ff;text-align: center;line-height: 1.2;}

.forms{width: 92%;padding: 4% 4% 7%;background-color: #f5f5f5;margin: 0 auto;}
.forms .forms_con{background-color: #fff;border-radius: 0.6rem;padding: 3% 0;}
.forms .forms_con .forms_title{text-align: center;width: 88%;margin: 0 auto;}
.forms .forms_con .forms_title h1{font-size: 0.80rem;font-weight:bold;color: #5897ff;padding: 3% 0 5%;}
.forms .forms_con .forms_title img{width:1.1rem;padding-right: 0.2rem;}
.forms .forms_con form{width: 88%;overflow: hidden;margin: 0 auto;}
.forms .forms_con .input-li{width: 100%;border-radius: 0.2rem;border: #e5e5e5 solid 1px;padding: 0 3.4%;margin-bottom: 0.8rem;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: 1.1rem;float: left;height: 2rem;width: 4.2rem;color: #4c4c4c;font-size: 0.55rem;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;line-height: 1.2;padding-top: 0.4rem;}
.forms .forms_con .input-li .sp1::before{content: '';position: absolute;right: 0;top: 0;bottom: 0;margin: auto;width: 0.1rem;height: 0.8rem;border-right: #e2dcdc solid 0.06rem;}
.forms .forms_con .input-li .sp1 .img{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 0.625rem;height: 100%;}
.forms .forms_con .input-li .sp1 .img1{background: url(../images/xmainimg4.png) center left no-repeat;background-size: 0.625rem 0.625rem;}
.forms .forms_con .input-li .sp1 .img2{background: url(../images/xmainimg5.png) center left no-repeat;background-size: 0.625rem 0.625rem;}
.forms .forms_con .input-li .sp1 .img3{background: url(../images/xmainimg6.png) center left no-repeat;background-size: 0.625rem 0.625rem;}
.forms .forms_con .input-li .sp2{position: relative;float: left;/*width: 67.5%;*/width: -moz-calc(100% - 4.37rem);width: -webkit-calc(100% - 4.37rem);width: calc(100% - 4.37rem);padding: 0px 0.3rem;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: 0.3rem;height: 100%;color: #ff0000;font-size: 0.50rem;text-align: right;line-height: 3.4;}
.forms .forms_con .input-li .sp2 input{width: 100%;background: none;border: none;outline: none;line-height: 3.6;font-size: 0.50rem;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: 88%;margin: 6% auto 4%;}
.forms_sm h1{font-size: 0.55rem;color: #808080;font-weight: bold;padding-bottom: 0.2rem;} 
.forms_sm p{font-size: 0.45rem;color: #808080;line-height: 1.8;}

.forms .forms_con .btn .btn-input{
		position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2.125rem;
    cursor: pointer;
    line-height: 3;
    border: none;
    outline: none;
    background: none;
 }

/*首页*/

/*基因*/
.jy_title{width: 86%;padding: 2% 4%;text-align:center;background-color: #fff;margin: 0 auto;}
.jy_title h1{font-size: 0.85rem;color: #4c4c4c;font-weight:bold;}
.jy_title span{font-size: 0.55rem;color: #fff;display: inline-block;background-color: #7fafff;padding: 2% 8%;border-radius: 3rem;width: 80%;line-height: 1.6;margin: 2% 0;}
.jy_box01{background-color: #f5f5f5;}
.jy_box01_txt{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.jy_box01_txt hr{height: 0.4rem;}
.jy_box01_txt p{font-size: 0.50rem;color: #666666;line-height: 1.8;}
.jy_box01_txt p font{font-size: 0.50rem;color: #666666;font-weight:bold;}
.jy_box02{background-color: #f5f5f5;}
.jy_box02 ul{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.jy_box02 ul li{float:left;width: 41%;margin-right:2%;text-align: center;margin-bottom: 2%;border-radius: 0.2rem;padding: 2% 4% 4%;height: 4.8rem;}
.jy_box02 ul li:nth-child(1){background-color: #f77d72;}
.jy_box02 ul li:nth-child(2){background-color: #9cbb32;margin-right:0;}
.jy_box02 ul li:nth-child(3){background-color: #13bfaf;}
.jy_box02 ul li:nth-child(4){background-color: #a191f3;margin-right:0;}
.jy_box02 ul li h1{font-size: 0.75rem;color: #fff;border-bottom: 1px solid #fff;width: 60%;margin: 2% auto;padding-bottom: 3%;}
.jy_box02 ul li p{font-size: 0.50rem;color: #fff;text-align: left;padding: 3% 2%;}
.jy_box03{background-color: #f5f5f5;}
.jy_box03 ul{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.jy_box03 ul li{float:left;width: 32%;margin-right:2%;text-align: center;margin-bottom: 2%;}
.jy_box03 ul li img{width:3.925rem;}
.jy_box03 ul li:nth-child(3n){margin-right:0;}
.jy_box03 ul li p{font-size: 0.50rem;color: #4c4c4c;padding: 13% 0;height: 1.4rem;}
.jy_box04{background-color: #f5f5f5;}
.jy_box04 .jy_title span{    width: 84%;}
.jy_box04 ul{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.jy_box04 ul li{float:left;width: 32%;margin-right:2%;text-align: center;margin-bottom: 2%;}
.jy_box04 ul li img{width:3.925rem;}
.jy_box04 ul li:nth-child(3n){margin-right:0;}
.jy_box04 ul li p{font-size: 0.50rem;color: #4c4c4c;padding: 13% 0;height: 1.4rem;}
/*基因*/

/*亲子*/
.qz_title{width: 86%;padding: 2% 4%;text-align:center;background-color: #fff;margin: 0 auto;}
.qz_title h1{font-size: 0.85rem;color: #4c4c4c;font-weight:bold;}
.qz_box01{background-color: #f5f5f5;}
.qz_box01_txt{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.qz_box01_txt hr{height: 0.4rem;}
.qz_box01_txt p{font-size: 0.50rem;color: #666666;line-height: 1.8;}
.qz_box01_txt p font{font-size: 0.50rem;color: #666666;font-weight:bold;}
/*亲子*/

/*唐氏综合症*/
.ts_title{width: 86%;padding: 2% 4%;text-align:center;background-color: #fff;margin: 0 auto;}
.ts_title h1{font-size: 0.85rem;color: #4c4c4c;font-weight:bold;}
.ts_title span{font-size: 0.55rem;color: #fff;display: inline-block;background-color: #7fafff;padding: 2% 8%;border-radius: 3rem;width: 80%;line-height: 1.6;margin: 2% 0;}
.ts_title p {font-size: 0.50rem;color: #666666;font-weight:bold;    text-align: left;padding: 1% 0;}
.ts_box01{background-color: #f5f5f5;}
.ts_box01_txt{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.ts_box01_txt hr{height: 0.4rem;}
.ts_box01_txt p{font-size: 0.50rem;color: #666666;line-height: 1.8;}
.ts_box01_txt p font{font-size: 0.50rem;color: #666666;font-weight:bold;}
.ts_box02{background-color: #f5f5f5;}
.ts_box02 ul{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.ts_box02 ul li{float:left;width: 41%;margin-right:2%;text-align: center;margin-bottom: 2%;border-radius: 0.2rem;padding: 2% 4% 4%;height: 4.6rem;}
.ts_box02 ul li:nth-child(1){background-color: #f77d72;}
.ts_box02 ul li:nth-child(2){background-color: #9cbb32;margin-right:0;}
.ts_box02 ul li:nth-child(3){background-color: #13bfaf;}
.ts_box02 ul li:nth-child(4){background-color: #a191f3;margin-right:0;}
.ts_box02 ul li h1{font-size: 0.75rem;color: #fff;border-bottom: 1px solid #fff;width: 91%;margin: 2% auto;padding-bottom: 3%;}
.ts_box02 ul li p{font-size: 0.50rem;color: #fff;text-align: left;padding: 3% 2%;}
.ts_box03{background-color: #f5f5f5;}
.ts_box03 ul{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.ts_box03 ul li{float:left;width: 32%;margin-right:2%;text-align: center;margin-bottom: 2%;}
.ts_box03 ul li img{width:3.925rem;}
.ts_box03 ul li:nth-child(3n){margin-right:0;}
.ts_box03 ul li p{font-size: 0.50rem;color: #4c4c4c;padding: 13% 0;height: 1.4rem;}
.ts_box04{background-color: #f5f5f5;}
.ts_box04 .ts_title span{    width: 84%;}
.ts_box04 ul{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.ts_box04 ul li{float:left;width: 32%;margin-right:2%;text-align: center;margin-bottom: 2%;}
.ts_box04 ul li img{width:3.925rem;}
.ts_box04 ul li:nth-child(3n){margin-right:0;}
.ts_box04 ul li p{font-size: 0.50rem;color: #4c4c4c;padding: 13% 0;height: 1.4rem;}
/*唐氏综合症*/


/*遗传*/
.yc_title{width: 86%;padding: 2% 4%;text-align:center;background-color: #fff;margin: 0 auto;}
.yc_title h1{font-size: 0.85rem;color: #4c4c4c;font-weight:bold;}
.yc_title span{font-size: 0.55rem;color: #fff;display: inline-block;background-color: #7fafff;padding:2% 8%;border-radius: 3rem;width: 80%;line-height: 1.6;margin: 2% 0;}
.yc_box01{background-color: #f5f5f5;}
.yc_box01_txt{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.yc_box01_txt hr{height: 0.4rem;}
.yc_box01_txt p{font-size: 0.50rem;color: #666666;line-height: 1.8;}
.yc_box01_txt p font{font-size: 0.50rem;color: #666666;font-weight:bold;}
.yc_box02{background-color: #f5f5f5;}
.yc_box02 ul{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.yc_box02 ul li{float:left;width: 41%;margin-right:2%;text-align: center;margin-bottom: 2%;border-radius: 0.2rem;padding: 2% 4% 4%;height: 4.8rem;}
.yc_box02 ul li:nth-child(1){background-color: #f77d72;}
.yc_box02 ul li:nth-child(2){background-color: #9cbb32;margin-right:0;}
.yc_box02 ul li:nth-child(3){background-color: #13bfaf;}
.yc_box02 ul li:nth-child(4){background-color: #a191f3;margin-right:0;}
.yc_box02 ul li h1{font-size: 0.75rem;color: #fff;border-bottom: 1px solid #fff;width: 60%;margin: 2% auto;padding-bottom: 3%;line-height: 1.2;}
.yc_box02 ul li p{font-size: 0.50rem;color: #fff;text-align: left;padding: 3% 2%;line-height: 1.2;}
.yc_box03{background-color: #f5f5f5;}
.yc_box03 ul{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.yc_box03 ul li{float:left;width: 32%;margin-right:2%;text-align: center;margin-bottom: 2%;}
.yc_box03 ul li img{width:3.925rem;}
.yc_box03 ul li:nth-child(3n){margin-right:0;}
.yc_box03 ul li p{font-size: 0.50rem;color: #4c4c4c;padding: 13% 0;height: 1.4rem;}
.yc_box04{background-color: #f5f5f5;}
.yc_box04 .yc_title span{    width: 84%;}
.yc_box04 ul{width: 86%;margin: 0 auto;background-color: #fff;padding: 2% 4%;}
.yc_box04 ul li{float:left;width: 32%;margin-right:2%;text-align: center;margin-bottom: 2%;}
.yc_box04 ul li img{width:3.925rem;}
.yc_box04 ul li:nth-child(3n){margin-right:0;}
.yc_box04 ul li p{font-size: 0.50rem;color: #4c4c4c;padding: 13% 0;height: 1.4rem;}
/*遗传*/


/*化学*/
.hx_title{width: 90%;padding: 2%;text-align:center;background-color: #fff;margin: 0 auto;}
.hx_title h1{font-size: 0.85rem;color: #4c4c4c;font-weight:bold;}
.hx_title p{font-size: 0.65rem;color: #4c4c4c;}
.hx_box01{background-color: #f5f5f5;}
.hx_box01_txt{width: 90%;margin: 0 auto;background-color: #fff;padding: 3% 2% 6%;text-align: center;border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;}
.hx_box01_txt img{width:10.475rem;}
/*化学*/


/*底部*/
.foot{padding: 6%;background-color: #f5f5f5;}
.foot .foot_title{text-align: center;}
.foot .foot_title h1{font-size: 0.85rem;font-weight:bold;color: #4c4c4c;}
.foot .foot_title p{font-size: 0.50rem;color: #4c4c4c;padding-bottom: 0.8rem;}
.foot .db_wx{float:left;width:5rem;}
.foot .db_txt{float: right;width: 60%;padding-top: 2%;}
.foot .db_txt h1{font-size: 0.65rem;color: #4c4c4c;}
.foot .db_txt p{font-size: 0.45rem;color: #4c4c4c;}
/*底部*/

/*大小伸缩btn*/
.hg { -webkit-animation: pulses 2s .2s ease both infinite; animation: pulses 2s .2s ease both infinite; }
@-webkit-keyframes pulses {
    0% { -webkit-transform: scale(1) }
    50% { -webkit-transform: scale(1.1) }
    100% { -webkit-transform: scale(1) }
}
@-ms-keyframes pulses {
    0% { -ms-transform: scale(1) }
    50% { -ms-transform: scale(1.1) }
    100% { -ms-transform: scale(1) }
}