@charset "gb2312";
/* CSS Document */
html, body { height: 100%; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
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 { margin: 0; padding: 0 }
ul, ol { list-style: none }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
a { text-decoration: none; }
h2, h3, h4 { font-family: "Microsoft YaHei"; }
html{ font-size:125%;}
body {  font-size:24px; font:1.2em/1.7 "microsoft yahei", "Tahoma", \5b8b\4f53, Arial;color: #444; background-color:#d0ecff;}
.wp { width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; overflow:hidden;}
.lay { padding-left:3% !important; padding-right:3% !important; }
.z{ float:left;}
.y{ float:right;}
.red{ color:#ff0000 !important;}
.f-28{ font-size:28px; font-size:1.4rem;}
.tr{ text-align:right;}
.tc{ text-align:center;}
img{ border:none; border:0;}
/*head*/
#header { background: #fff;box-shadow:0 2px 1px #b3b3b3; position:relative; z-index:2;}
#header .topbar{ height:35px; height:1.7rem; line-height:35px; line-height:1.7rem; color:#666; white-space:nowrap; text-align:center; font-size:18px; font-size:0.9rem; text-align:center; background-color:#eeeeee; border-bottom:1px solid #e4e4e4;}
#header .top{ overflow:hidden; padding:16px 0; padding:0.8rem 0;}
#header .logo { display: block; border:0; float:left; width:54%; padding-top:8px; padding-top:0.4rem;}
#header .logo img { width:100%; height:auto;}
#header .top .y a{ color:#fff; font-size:26px; line-height:26px; font-size:1.3rem; line-height:1.3rem; display:block; width:74px; width:3.7rem; text-align:center; padding:10px 0; padding:0.5rem 0; border-radius:0.4rem;}
#header .top .y .home{background-color:#77c0e1; margin-right:10px; margin-right:0.5rem;}
.menu-btn{ position:relative;}
.menu-btn{ background-color:#ff6a56;}
#menu-yd{ position:fixed; z-index:3; background:#000; display:none; background-color:rgba(0,0,0,.6); padding:40px 20px; padding:2rem 1rem; top:0; height:100%;}
#menu-yd li{ font-size:28px; font-size:1.4rem; border-bottom:1px dotted #f1f1f1; padding:5px 0;}
#menu-yd li a{ color:#fff;}
.banner .zx{ position:relative; overflow:hidden;}
.banner .zx a{ position:absolute; width:50%; left:50%; height:50%; display:block; top:0;}
.banner .zx a img{ width:auto; height:2.3rem;}
.banner img{ width:100%; height:auto; max-height:130px; display:block;}


.part{ padding:24px 0; padding:1.2rem 0;}
.part .title{text-align:center;height:56px; height:2.8rem; line-height:56px; line-height:2.8rem;}
.part .title h2{ color:#4796cf;font-size:34px; font-size:1.7rem; white-space:nowrap; display:inline-block; background-color:#fff; border:2px solid #d0ecff; border-radius:2.8rem; padding:0 22px; padding:0 1.1rem;}
.part .title span{ color:#c78525;}
.part .content{ padding:50px 14px 20px; padding:2.5rem 0.7rem 1rem; margin-top:-25px; margin-top:-1.25rem; background-color:#fff; border-radius:0.4rem;}

.part .text{line-height:40px; line-height:2rem; font-size:28px; font-size:1.4rem;}
.part .pic{ width:100%; height:auto;}

.part-1{}
.part-1 ul{ margin:16px 0 0 -2%; margin:0.8rem 0 0 -2%;}
.part-1 ul li{ width:48%; float:left; margin-left:2%; text-align:center; color:#fff; margin-top:12px; margin-top:0.6rem; border-radius:0.4rem; line-height:30px; line-height:1.5rem; padding:8px 0; padding:0.4rem 0;}
.part-1 ul li.li-1{ background-color:#5cd4f7;}
.part-1 ul li.li-2{ background-color:#ff8383;}
.part-1 ul li.li-3{ background-color:#c7aa80;}
.part-1 ul li.li-4{ background-color:#f97fe1;}
.part-1 .text img{ width:7rem; height:auto;}
.part-2{ padding:0;}
.part-2 ul li{margin-bottom:10px; margin-bottom:0.5rem;}
.part-2 ul li strong{ font-size:28px; font-size:1.4rem; text-align:center; line-height:36px; line-height:1.8rem; border:1px solid #e6e6e6; padding:26px 0; padding:1.3rem 0; height:74px; height:3.7rem; width:126px; width:6.3rem; border-radius:50%; margin-right:8px; margin-right:0.4rem; }
.part-2 ul li p{ overflow:hidden; font-size:26px; font-size:1.3rem; line-height:36px; line-height:1.8rem; border:1px solid #e6e6e6; padding:8px 10px; padding:0.4rem 0.5rem; border-radius:0.2rem; min-height:108px; min-height:5.4rem;}
.part-2 .text{ margin:20px 0 16px; margin:1rem 0 0.8rem; padding:10px 10px 10px 180px; padding:0.5rem 0.5rem 0.5rem 9rem; background:#64b2e7 url(images/ydsy_13.jpg) no-repeat top left; background-size:contain; color:#fff;}
.part-2 .text b{ color:#ffff00;}
.part-2 .zx img{ height:2.4rem; width:auto;}

.part-3{}
.part-3 .text{ margin-top:10px; margin-top:0.5rem;}


.part-4{}
.part-4 .content{ background-color:#64b2e7;}
.part-4 .text-1{ text-indent:2em; color:#fff;}
.part-4 .text span{ color:#ffff00;}
.part-4 h3{ color:#fff; font-size:28px; font-size:1.4rem;}
.part-4 .text{ margin-bottom:1rem;}
.part-4 .pic{ margin-bottom:20px; margin-bottom:1rem;}
.part-4 .p{ color:#eee; border-bottom:1px dashed #dfdfdf; padding-bottom:20px; padding-bottom:1rem;}
.part-4 .tr{ margin-bottom:20px; margin-bottom:1rem;}
.part-4 a.zx{ color:#fff; font-weight:bold;}
.part-5 .content{ padding-right:0; padding-bottom:0;}
.part-5 .zj{ background:#fff url(images/zjf.jpg) no-repeat right bottom; background-size:contain; padding-right:37%; padding-bottom:10px; padding-bottom:0.5rem;}
.part-5 .zj p{ font-size:20px; font-size:1rem; line-height:30px; line-height:1.5rem; text-indent:2em;}
.part-5 .zj strong{ font-size:28px; font-size:1.4rem; line-height:40px; line-height:2rem; font-weight:normal; margin-bottom:10px; margin-bottom:0.5rem; display:block;}
.part-5 .zj .btn{ margin:20px 0 26px; margin:1rem 0 1.3rem;}
.part-5 .zj .btn a{ float:left; width:43%;}
.part-5 .zj .btn .btn-a1{ margin-right:12%;}
.part-5 .zj .btn a img{ width:100%; height:auto;}
.part-5 ul li{ float:left; text-align:center; width:33.3%;}
.part-5 ul li img{ border:4px solid #fff; border-radius:0.2rem; width:100%; height:auto; display:block;}
.part-5 ul li span{ display:block;}

.part-6 .text{ text-indent:2em; margin:10px 0 20px; margin:0.5rem 0 1rem;}
.part-7{ background-color:#547d9a;}
.part-7 .text{ color:#fff; padding:14px; padding:0.7rem;}
.part-7 .text b,.part-7 .text span{ color:#ffff00;}
.part-7 .text a{ color:#fff;}
.footer { background: #d0ecff; padding-bottom:60px;}
.footer .f_nav {  border-bottom:1px solid #b1b1b1;height:60px; line-height:60px; height:3rem; line-height:3rem; font-size:14px; font-size:1.4rem; overflow:hidden;}
.footer .f_nav li { width: 25%; float: left; text-align: center;}
.footer .f_nav li i{ font-style:normal; float:right;}
.footer .f_nav li a { color: #444444;}
.footer .copyright { padding: 0.5rem 0 1rem; text-align: center; color: #d9be98; line-height:2rem; color:#666666;}
.footer .copyright a { color: #d9be98; }
.footer .btn{ text-align:center; margin-top:20px; margin-top:1rem;}
.footer .btn a{ background:#fa6060; height:50px; height:2.5rem; line-height:50px; line-height:2.5rem; margin:0 44px; margin:0 2.2rem; display:inline-block; padding:0 34px; padding:0 1.7rem; color:#fff; border-radius:25px; border-radius:1.75rem;}
.footer .btn a.btn-a2{ background-color:#5599ca;}
@media only screen and (min-width: 640px){
.wp { max-width: 640px; }
}
@media only screen and (max-width: 600px) {
.wp { max-width: 600px; }
html { font-size:100%;}
}
@media only screen and (max-width: 480px) {
.wp { max-width: 480px; }
html { font-size:75%;}
}
@media only screen and (max-width: 360px) {
.wp { max-width: 360px; }
html { font-size:62.5%;}

}
@media only screen and (min-width: 361px) and (max-width: 375px) {

}