@charset "UTF-8";

#banner{
	margin:0 auto;
	max-width: 7.5rem;
}
#banner img{
	width:100%;
}

#main{
	background-color:#f5f5f5;
	margin:0 auto;
	width:100%;
}
.other-box {
    width: 100%;
}

.idf-box1{
	width:94%;
	padding:.2rem 3%;
	background-color:#FFF;
	background-image:url(../images/dna/idf1.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.idf-box1 .ct{
	font-size:.3rem;
	line-height:.4rem;
	color:#f6674c;
}
.idf-box1 ul.idf{
	width:94%;
	margin:.3rem auto;
	overflow:hidden;
}
.idf-box1 ul.idf li{
	position:relative;
	width:30%;
	float:left;
	margin-right:5%;
}
.idf-box1 ul.idf li:nth-of-type(3n){
	margin-right:0;
}
.idf-box1 ul.idf li img{
	display:block;
	width:100%;
}
.idf-box1 ul.idf li h4{
	position:absolute;
	left:0;
	top:.3rem;
	text-align:center;
	font-size:.3rem;
	color:#2bc5ef;
	width:100%;
	letter-spacing:2px;
}
.idf-box1 ul.idf li p{
	position:absolute;
	left:0;
	width:100%;
	bottom:.4rem;
	font-size:.24rem;
	text-align:center;
	font-family:黑体;
	color:#000000;
}
.idf-box1 a.ask img{
	display:block;
	width:83%;
	margin:.3rem auto;
}
.idf-box2{
	width:94%;
	padding:.2rem 3%;
	background-image:url(../images/dna/idf6.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.idf-box2 h3{
	font-size:.32rem;
	width:100%;
	font-weight:normal;
	margin:.3rem auto;
	color:#333333;
	font-family:黑体;
	text-align:center;
}
.idf-box2 .ct{
	font-size:.28rem;
	color:#fe4f24;
	line-height:.42rem;
	font-family:黑体;
	text-indent:.5rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:6;/*第几行*/
	-webkit-box-orient: vertical; 
}
.idf-box3{
	width:94%;
	padding:.2rem 3% 0 3%;
	background-color:#FFF;
}
.idf-box3 h3{
	font-size:.32rem;
	width:100%;
	font-weight:normal;
	margin:.3rem auto;
	color:#333333;
	font-family:黑体;
	text-align:center;
}
.idf-box3 ul{
	width:100%;
	overflow:hidden;
	padding:.2rem 0;
}
.idf-box3 ul li{
	width:28%;
	height:2.7rem;
	float:left;
	padding:.15rem 2%;
	margin-right:2%;
	background-image:url(../images/dna/idf7.jpg);
	background-size:100% 100%;
}
.idf-box3 ul li:nth-of-type(2){
	background-image:url(../images/dna/idf8.jpg);
}
.idf-box3 ul li:nth-of-type(3){
	background-image:url(../images/dna/idf9.jpg);
}
.idf-box3 ul li:nth-of-type(3n){
	margin-right:0;
}
.idf-box3 ul li h4{
	font-size:.26rem;
	color:#333333;
	font-weight:normal;
	text-align:center;
	font-family:黑体;
	line-height:.4rem;
	margin-top:.15rem;
}
.idf-box3 ul li h4 span{
	display:block;
	font-size:.22rem;
}
.idf-box3 ul li div.c{
	font-size:.22rem;
	color:#f65289;
	line-height:.3rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:6;/*第几行*/
	-webkit-box-orient: vertical; 
}
.idf-box3 ul li:nth-of-type(2) div.c{
	color:#f88e30;
}
.idf-box3 ul li:nth-of-type(3) div.c{
	color:#13b3dd;
}
.idf-box3 dl{
	width:100%;
	overflow:hidden;
	display:flex;
	align-items:center;
}
.idf-box3 dl dt{
	width:35%;
	margin-left:8%;
}
.idf-box3 dl dt img{
	width:100%;
}
.idf-box3 dl dd{
	margin-left:2%;
	font-size:.3rem;
	font-family:黑体;
	width:42%;
}
.idf-box3 dl dd a.ask{
	display:block;
	color:#00b7ee;
	width:98%;
	text-align:center;
}
.idf-box3 dl dd a.tel{
	display:block;
	background-color:#00b7ee;
	color:#fff;
	border-radius:8px;
	height:.8rem;
	line-height:.8rem;
	margin-top:.2rem;
	text-align:center;
	width:98%;
}
.idf-box4{
	width:100%;
	background-image:url(../images/dna/idf11.jpg);
	background-size:100%;
	padding:.45rem 0 0 0;
	background-repeat:no-repeat;
	background-color:#f4ebfb;
}
.idf-box4 h3 img{
	display:block;
	width:81.6%;
	margin:0 auto;
}
.idf-box4 table{
	width:100%;
	font-size:.22rem;
	color:#333333;
	text-align:center;
	background-color:#fff;
}
.idf-box4 table tr th{
	background-color:#fdecd3;
	height:.9rem;
	font-weight:normal;
	font-size:.26rem;
	color:#e3510d;
}
.idf-box4 table tr td{
	padding:.1rem 0;
	line-height:.28rem;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	position:relative;
}
.idf-box4 table tr td span{
	position:absolute;
	top:.05rem;
	right:28%;
	display:block;
	width:.16rem;
	height:.16rem;
	font-weight:bold;
	text-align:center;
	font-size:.12rem;
	line-height:.16rem;
	color:#fff;
	background-color:#d81e06;
	border-radius:50%;
}
.idf-box4 table tr td:nth-of-type(1){
	border-left:1px solid #999999;
	font-size:.24rem;
	color:#e3510d;
}
.idf-box4 .zs{
	font-size:.24rem;
	color:#333333;
	width:94%;
	padding:.2rem 3%;
	line-height:.4rem;
}
.idf-box4 .zs span{
	display:block;
	font-size:.24rem;
}
.idf-box4 .zs b{
	width:.2rem;
	height:.2rem;
	background-color:#d72007;
	display:inline-block;
	border-radius:50%;
	text-align:center;
	font-size:.14rem;
	line-height:.2rem;
	color:#fff;
	margin-right:.1rem;
}
.idf-box4 div.ask{
	width:100%;
	padding:.5rem 0;
	background-color:#fdc3e9;
}
.idf-box4 div.ask a{
	display:block;
	height:.8rem;
	width:73%;
	margin:0 auto;
	background-color:#ff5876;
	font-size:.3rem;
	color:#ffffff;
	border-radius:8px;
	text-align:center;
	line-height:.8rem;
}
.idf-box5{
	width:100%;
	position:relative;
}
.idf-box5 div.img img{
	width:100%;
}
.idf-box5 a.ask{
	display:block;
	position:absolute;
	bottom:4%;
	left:18%;
	width:64%;
	background-color:#ff5876;
	border-radius:8px;
	height:.8rem;
	line-height:.8rem;
	text-align:center;
	font-size:.3rem;
	color:#ffffff;
}
.idf-box6{
	width:100%;
	padding:.6rem 0;
	background-color:#FFF;
}
.idf-box6 h3{
	font-size:.36rem;
	color:#30b6ee;
	font-weight:normal;
	text-align:center;
}
.idf-box6 h3 img{
	display:block;
	margin:.1rem auto;
	width:52%;
}
.idf-box6 dl{
	width:90%;
	padding:.2rem 5%;
	display:flex;
	align-items:center;
}
.idf-box6 dl dt{
	display:block;
	width:18%;
	margin-right:6%;
}
.idf-box6 dl dt img{
	width:100%;
}
.idf-box6 dl dd{
	width:76%;
	font-size:.22rem;
	color:#666666;
}
.idf-box6 dl dd h4{
	text-align:center;
	font-size:.3rem;
	margin-bottom:.3rem;
	color:#ff5876;
	font-weight:normal;
}
.idf-box6 dl dd .ct{
	line-height:.32rem;
}
.idf-box6 dl dd .ct img{
	display:block;
	max-width:100%;
	margin:0.1rem auto;
}
.idf-box6 a.ask{
	display:block;
	width:78%;
	height:.7rem;
	text-align:center;
	line-height:.7rem;
	background-color:#ff5876;
	font-size:.3rem;
	font-weight:bold;
	color:#ffffff;
	border-radius:8px;
	margin:0.4rem auto 0;
}
.idf-box7{
	width:100%;
	background-image:url(../images/dna/idf15.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	padding:.3rem 0;
	background-color:#ffd6dd;
}
.idf-box7 h3{
	font-size:.36rem;
	color:#ff5876;
	text-align:center;
	margin-top:.2rem;
	font-weight:normal;
}
.idf-box7 h3 img{
	display:block;
	margin:.1rem auto;
	width:52%;
}
.idf-box7 .ct{
	width:95%;
	padding:.3rem 2.5%;
	font-size:.26rem;
	color:#ff5876;
	line-height:.36rem;
}
.idf-box7 .idf-show{
	width:96%;
	padding:.2rem 2%;
	overflow:hidden;
	display:flex;
	align-items:center;
}
.idf-box7 .idf-show div.left{
	width:26%;
}
.idf-box7 .idf-show div.left img{
	width:100%;
}
.idf-box7 .idf-show div.right{
	width:72%;
	margin-left:2%;
	font-size:.22rem;
}
.idf-box7 .idf-show div.right h4{
	font-size:.28rem;
	font-weight:normal;
	color:#30b6ee;
}
.idf-box7 .idf-show div.right ul li{
	font-size:.16rem;
	width:96%;
	color:#fff;
	margin-top:.2rem;
	display:flex;
	align-items:center;
}
.idf-box7 .idf-show div.right ul li img{
	width:.6rem;
	display:block;
}
.idf-box7 .idf-show div.right ul li p{
	background-color:#30b6ee;
	padding:0 .1rem;
	margin-left:.1rem;
	width:100%;
	line-height:.5rem;
	height:.5rem;
}
.idf-box7 .idf-show div.right a.ask{
	display:block;
	width:88%;
	height:.8rem;
	margin:0 auto;
	margin-top:.4rem;
	background-color:#ff5876;
	text-align:center;
	color:#fff;
	font-size:.3rem;
	border-radius:8px;
	line-height:.8rem;
}
.idf-box8{
	width:100%;
	padding:.3rem 0;
	background-color:#fff;
}
.idf-box8 h3{
	font-size:.30rem;
	color:#30b6ee;
	text-align:center;
	margin-top:.2rem;
	font-weight:normal;
}
.idf-box8 h3 b{
	font-size:.4rem;
}
.idf-box8 h3 img{
	display:block;
	margin:.1rem auto;
	width:52%;
}
.idf-box8 div.img img{
	max-width:100%;
	display:block;
	margin:.3rem auto;
}
.idf-box8 a.ask img{
	display:block;
	width:76%;
	margin:0 auto;
	margin-top:.4rem;
}
.idf-box9{
	width:100%;
	background-image:url(../images/dna/idf20.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	padding:.3rem 0;
	background-color:#fcf9ea;
}
.idf-box9 h3{
	font-size:.4rem;
	color:#30b6ee;
	text-align:center;
	margin-top:.2rem;
	font-weight:normal;
}
.idf-box9 h3 img{
	display:block;
	margin:.1rem auto;
	width:52%;
}
.idf-box9 .idf-show{
	width:96%;
	padding:.2rem 2%;
	overflow:hidden;
	display:flex;
	align-items:center;
}
.idf-box9 .idf-show div.left{
	width:34%;
}
.idf-box9 .idf-show div.left img{
	width:100%;
}
.idf-box9 .idf-show div.right{
	width:64%;
	margin-left:2%;
	font-size:.24rem;
	line-height:.4rem;
	color:#333333;
}
.idf-box9 .idf-show div.right .ct a{
	color:#333333;
}
.idf-box9 .idf-show div.right div.ask-box{
	width:70%;
	text-align:center;
	margin-top:.3rem;
}
.idf-box9 .idf-show div.right div.ask-box h4{
	font-weight:normal;
	font-size:.26rem;
	color:#ff5876;
}
.idf-box9 .idf-show div.right div.ask-box h4 a{
	color:#ff5876;
}
.idf-box9 .idf-show div.right div.ask-box a.ask{
	display:block;
	width:90%;
	height:.7rem;
	margin:0 auto;
	margin-top:.2rem;
	background-color:#ff5876;
	text-align:center;
	color:#fff;
	font-size:.28rem;
	border-radius:8px;
	line-height:.7rem;
}
.idf-box10{
	width:100%;
	background-color:#fcf9ea;
}
.idf-box10 h3{
	font-size:.26rem;
	color:#666666;
	padding:.2rem;
}
.idf-box10 a img{
	display:block;
	max-width:100%;
	margin:0 auto;
}