@charset: 'UFT-8';
.neirong { background-color: #f6f6f6; width: 100%; margin-top: 74px; padding-bottom: 30px; }
.navi { text-align: left; padding: 20px 0;}
.navi span:nth-of-type(2) { color: #006376; }
.ullist { background-color: #fff; width: 70%; margin-right: 30px; float: left; padding: 40px 90px; }
.ullist video { max-width: 100% !important; width: 100% !important; display: block; height: auto; }
.div1 { padding-top: .2rem; }
.div9 { margin-top: 30px; }
.div2 { display: inline-block; width: 1rem; border-bottom: 0.04rem solid #006376; margin-top: 0.2rem; margin-bottom: 0.2rem; }
.ullist1 { margin-bottom:40px; }
.ullist1 li { color: #999999;}
.ullist1 li ~ li{margin-left:50px;}
.ullist1 li.li-wx{position: relative;}
.ullist1 li.li-wx .img-wx{top:120%;width:100px;min-height:100px;text-align:center;padding:2px;border:1px solid #eee;display:none;}
.ullist1 li.li-wx .div-has:hover .img-wx{display: block;}
.ullist1 li.li-wx .div-has{margin-right:10px;}
.ullist1 li.li-wx .div-has .title-wx{width:25px;height:25px;text-align:center;}
.ullist1 li.li-wx .div-has:hover .title-wx img:nth-child(1),
.ullist1 li.li-wx .div-has .title-wx img:nth-child(2){opacity:0;}
.ullist1 li.li-wx .div-has:hover .title-wx img:nth-child(2){opacity:1;}

.div3 { padding-left: .8rem; padding-right: .8rem; text-align: justify; font-family: SourceHanSansCN-Regular; font-size: 0.16rem; font-weight: normal; font-stretch: normal; line-height: 0.27rem; letter-spacing: 0px; color: #111111; margin-bottom: .2rem; }
.div4 { display: inline-block; width: 48%; text-align: center; margin-top: .2rem; margin-bottom: .2rem; }
.div7 { font-family: SourceHanSansCN-Light; font-size: .12rem; font-weight: normal; font-stretch: normal; line-height: 0.27rem; letter-spacing: 0px; color: #999999; margin-top: 1rem; margin-bottom: 1rem; }
.div8 { display: inline-block; }
.div8 ul li { background-color: #fff; padding-top: .2rem; }
.div8 ul li .img img { display: block; }
.div8 ul li h2 { padding-top: .2rem; padding-bottom: .2rem; padding-left: .2rem; text-align: left; }
.div8 ul li p:nth-of-type(1) { font-family: SourceHanSansCN-Bold; font-size:16px; font-weight: normal; font-stretch: normal;letter-spacing: 0px; color: #111111; text-align: left; padding-left: 0; padding:10px 0 5px; }
.div8 ul li p:nth-of-type(2) { font-family: SourceHanSansCN-Regular; font-size: 14px;font-weight: normal; font-stretch: normal; line-height:1.5; letter-spacing: 0px; color: #999999; text-align: left; padding-left: 0; padding-bottom: 20px; }
.div8 ul li { background: #fff; padding: 20px 15px 0; }
.div8 ul li~li { margin-top: 20px; }
.div8 .h2-title { margin: 20px 15px 0; text-align: left; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size:18px;}
.div8 a { }
.div8 .p-t { }
.div8 .p-d { }
.div9 span { display: inline-block; line-height: 1.5; text-align: center; }
.div9 span:nth-of-type(2) { }
.div9 span.a-rentou a { color: #fff; background: #006376; padding: 5px 20px; }
.myrhov:hover.myrhov p { color: #006376; }
.myrhov:hover.myrhov img { animation: myrdonghua 0.3s forwards; }
@keyframes myrdonghua {
    form { box-shadow: 0px 0px 0px #c1c1c1; }
    to { box-shadow: 2px 5px 5px #c1c1c1; }
}
@media screen and (min-width:320px)  and (max-width:375px) {
    .ullist { width: 95%; }
    .div3 { line-height: 1.27rem; }
    .div7 { line-height: 1.27rem; }
    .div9 span:nth-of-type(2) { width: 3rem; height: 1.5rem; }
    .div9 span { line-height: 1.5rem; }
    .div8 { width: 95%; }
    .div8 ul li p:nth-of-type(2) { line-height: 1.24rem; }
}
@media screen and (min-width:375px)  and (max-width:425px) {
    .ullist { width: 95%; }
    .div3 { line-height: 1.27rem; }
    .div7 { line-height: 1.27rem; }
    .div9 span:nth-of-type(2) { width: 3rem; height: 1.5rem; }
    .div9 span { line-height: 1.5rem; }
    .div8 { width: 95%; }
    .div8 ul li p:nth-of-type(2) { line-height: 1.24rem; }
}
@media screen and (min-width:425px)  and (max-width:575px) {
    .ullist { width: 95%; }
    .div3 { line-height: 1.27rem; }
    .div7 { line-height: 1.27rem; }
    .div9 span:nth-of-type(2) { width: 3rem; height: 1.5rem; }
    .div9 span { line-height: 1.5rem; }
    .div8 { width: 95%; }
    .div8 ul li p:nth-of-type(2) { line-height: 1.24rem; }
}
@media screen and (min-width:575px)  and (max-width:768px) {
    .ullist { width: 95%; }
    .div3 { line-height: 1.27rem; }
    .div7 { line-height: 1.27rem; }
    .div9 span:nth-of-type(2) { width: 3rem; height: 1.5rem; }
    .div9 span { line-height: 1.5rem; }
    .div8 { width: 95%; }
    .div8 ul li p:nth-of-type(2) { line-height: 1.24rem; }
}
@media(max-width:1680px) and (min-width:1000px) {
    .ullist{padding:40px 50px;}
}
@media(max-width:767px) {
    .neirong { margin-top: 0; }
    .neirong>.davey-container>div.flex-row { display: block; }
    .neirong>.davey-container>div.flex-row .ullist { width: 100%; margin-right: 0; margin-bottom: 10px; }
    .div8 { width: 100%; }
    .div8 .h2-title { font-size: 14px; margin-bottom: 10px; }
    .neirong>.davey-container>div.flex-row .ullist { padding: 30px 10px;}
    .navi{padding:15px 0;font-size:12px;}
    .div1 { font-size: 18px; padding-left:0;}
    .ullist1{font-size:12px;display:block;text-align:center;margin-bottom:30px;}
    .ullist1 li{display:inline-block;margin-bottom:6px;}
    .ullist1 li ~ li{margin-left:10px;}
}
