@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;
	font-family: "microsoft yahei", Tahoma, \5b8b\4f53, Arial;
}
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:1.4em/1.6 "microsoft yahei", "Tahoma", \5b8b\4f53, Arial;color: #444; }
.wp { width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto;}
.lay { padding-left:2% !important; padding-right:2% !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;}
.ti{text-indent:2em;}
img{ border:none; border:0;}
.pic{ width:100%;max-width:100%; height:auto; display:block; margin:0 auto;}
.b{ font-weight:bold;}
.font1{ color:#e3a43e;}
.font10{ color:#f77a8b;}
/*head*/
.header { background:url(images/ylfy1.jpg) repeat-x 0 0;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); position:relative; z-index:2; background-size:contain}
.header .topbar{ height:2rem;line-height:2rem; color:#b4acba; white-space:nowrap; text-align:center; font-size:1.3rem; text-align:center; background-color:#edeaf2;}
.header .topbar span{ display:inline-block; width:50%;}
.header .top{ overflow:hidden;  padding:0.8rem 0;}
.header .logo { display: block; border:0; float:left; width:54%; height:2.8rem;  padding-top:0.4rem;}
.header .logo img { height:2.8rem; width:auto;}
.header .top .y a{  font-size:1.2rem; line-height:1.3rem; display:block; width:3.3rem; text-align:center; padding:0.4rem 0; border-radius:0.4rem; background:#fc7467; color:#fff;}
.header .top .y a:last-of-type{ margin-left:1rem; background-color:#be924b;}
#quick-menu .arrow{  position:absolute; left:50%; bottom:0; font-size:2rem; color:#fff; margin-left:-2rem; width:4rem; height:3rem; line-height:1; text-align:center;}
#quick-menu{ position:relative;display:none; background-color:rgba(0,0,0,0.8); }
#quick-menu ul{padding:2rem 0 4rem; font-size:1.6rem;}
#quick-menu li{ height:3.4rem; line-height:3.4rem; padding:0 5rem;}
#quick-menu li a{ height:3rem; line-height:3rem; border-bottom:1px solid #999; color:#eee; display:block;}
.banner{ position:relative;}
.banner .im{ position:relative;}
.banner .btn{ position:absolute;}
.banner img{ width:100%; height:auto; display:block;}
.banner .bn3{ position:relative;}
.banner .bn3 a{ position:absolute; display:block;}
.banner .btn{ top:4rem; left:0; width:40%;height:2.4rem; display:block;}
.banner .bn3 .a1{  width:3.5rem; height:3.45rem; margin-top:0.5rem; background-size:contain; left:40%;-moz-animation:f1  1.3s linear infinite backwards; -ms-animation:f1  1.3s linear infinite backwards; -o-animation:f1  1.3s linear infinite backwards; -webkit-animation:f1  1.3s linear infinite backwards; animation:f1  1.3s linear infinite backwards;}
.banner .bn3 .a2{  width:3.5rem; height:3.45rem;margin-top:0.5rem;background-size:contain; left:53%;-moz-animation:f2  1.3s linear infinite backwards; -ms-animation:f2  1.3s linear infinite backwards; -o-animation:f2  1.3s linear infinite backwards; -webkit-animation:f2  1.3s linear infinite backwards; animation:f2  1.3s linear infinite backwards;}
.sb{ position:relative; margin-bottom:2rem;}
.sb img{ width:100%; height:auto; display:block;}

.part-1{padding:2rem 0 2.5rem;background-color:#eee7dd; margin-bottom:2.5rem;}
.pt{font-size:1.4rem;line-height:2.1rem;color:#555;margin-bottom:1.6rem;}
.ptt{font-size:1.2rem;line-height:1.8rem;color:#555;margin-bottom:2rem;text-indent:2em; margin-top:1rem;}


.title{ color:#aa7929; font-size:1.9rem; font-weight:bold;margin-bottom:2rem;text-align:center;}
.title span{ color:#e55042;}
.risk{padding:2.3rem 3.6% 2rem 3.6%;border:1px solid #d2d2d2;border-radius:0.3rem;position:relative;margin-bottom:2rem;}
.risk .pos{position:absolute;height:1.6rem;width:40%;background-color:#fff;top:-0.8rem;left:50%;margin-left:-20%;text-align:center;}
.risk .pos h5{font-size:1.6rem;height:1.6rem;color:#333333;line-height:1.6rem;width:100%;}
.risk .pos h5 span{color:#333;}
.risk .pos .i1{width:0.5rem;height:0.5rem;background-color:#d2d2d2;border-radius:50%;margin-top:0.5rem;position:absolute;left:-0.3rem;}
.risk .pos .i2{right:-0.3rem;position:absolute;width:0.5rem;height:0.5rem;background-color:#d2d2d2;border-radius:50%;margin-top:0.5rem;}

.que {
	border-radius: 0.5rem;
}
.que ul {
	overflow: hidden;
}
.que li {
	width: 100%;
	height: 3rem;
	font-size: 1.3rem;
	border-bottom: 1px dashed #cccccc;
}
.que li a.l {
	border-left: 0.5rem solid #e9c07d;
	padding-left: 0.5rem;
	color: #555;
	height: 1.2rem;
	line-height: 1.2rem;
	margin-top: 0.9rem;
}
.que li a.c {
	border-left: 0.5rem solid #fc9a90;
	padding-left: 0.5rem;
	color: #555;
	height: 1.2rem;
	line-height: 1.2rem;
	margin-top: 0.9rem;
}
.que li a.y {
	width: 7rem;
	height: 2.1rem;
	line-height: 2.1rem;
	text-align: center;
	color: #fff;
	border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
-o-border-radius:1rem;
	-webkit-border-radius: 1rem;
	margin-top: 0.5rem
}
.que li a.ll {
	background-color: #e9c07d;
}
.que li a.cc {
	background-color: #fc9a90;
}
.yszx{ width:90.6%; height:2.45rem; margin-left:auto; margin-right:auto; margin-bottom:2.5rem;}
.yszx img{ max-width:100%;}
.zx{height:2.5rem;border-radius:1.2rem;margin:0 auto 2.5rem;}
.z1{background-color:#fa776a;width:82%;}
.z2{background-color:#be924b; width:93.7%;}
.zx a{float:left;width:100%;height:2.5rem;line-height:2.5rem;font-size:1.4rem;color:#ffffff;text-align:center;}
.zx a span{font-weight:bolder;}

 h5.p-title {color: #222;line-height: 1.8rem;font-size: 1.6rem;font-weight:bold;position: relative;z-index: 2;margin-bottom:1.5rem;}
 h5.p-title i{ width:0.45rem; height:1.5rem; background-color:#eec88b;position: relative; display:block; float:left; margin-right:0.5rem; margin-top:0.2rem; }
 h5.p-title span {display: inline-block;padding-right: 0.5rem;z-index: 3;position: relative}
 h5.p-title:before {content: "";display: block;position: absolute;height: 0.1rem;border-top: 0.2rem solid #eec88b;border-bottom: 1px solid #eec88b;top: 0.7rem;right: 0;width: 40%;z-index: 1}
 h5.p6:before{width: 20%;}
.u1 .u1-li{ margin-left:1.4rem; margin-right:1.4rem;}
.u1 li img{ max-width:100%;}

.u3 li {font-size:1.3rem;background-color:#fff;color: #555;line-height: 1.8rem; height:4.3rem;padding-top:0.7rem; margin-right: 0.4rem;text-align: center; border: 1px dashed #dcdcdc;}
.u4 li{ height:7.1rem; border-radius:50%; overflow:hidden; background-color:#a28c68; margin-bottom:0.7rem;}
.u4 li p{ color:#fff; font-size:1rem; text-align:center; line-height:1.2rem; }
.u4 li p.p1{ padding-top:0.7rem;}
.u4 li p.p2{ padding-top:0.2rem;}
.u4 li img{ max-width:100%; display:block;}
.u4 .u4-li{ margin-left:0.65rem;}
.u5 li{ padding:0.5rem 0.8rem; font-size:1.2rem; margin-bottom:2rem; position:relative;}


.u5 li img{ max-width:100%; display:block; margin-left:auto; margin-right:auto;}
.u5 li .b{ font-size:1.4rem; text-align:center; padding-bottom:0.5rem;}
.u5 li.u5-l1{ background-color:#edd185; color:#8f7429;}
.u5 li.u5-l2{ background-color:#edc585; margin-left:1.5rem; margin-right:1.5rem; color:#8e672b;}
.u5 li.u5-l1:before{display:block; content:""; position:absolute; top:1rem; width:0; height:0; border-color:transparent; border-style:solid;border-width:0.7rem;right:-0.7rem; border-right-width:0; border-left-color:#edd185}
.u5 li.u5-l2:before{display:block; content:""; position:absolute; top:1rem; width:0; height:0; border-color:transparent; border-style:solid;border-width:0.7rem;right:-0.7rem; border-right-width:0; border-left-color:#edc585}
.u5 li.u5-l3{ background-color:#f3cb9f; color:#a3621a;}
.doc_desc .p1{ color:#ee6153; font-size:1.1rem; padding-bottom:0.5rem;}
.doc_desc{ padding:1rem; margin-bottom:2rem; background-color:#e2e2e1;}
.doc_desc .p1 span{ color:#b47a1c;font-size:1.4rem; font-weight:bold; padding-right:0.5rem;}
.doc_desc .p2{ font-size:1.1rem; line-height:1.8rem; color:#555}
.doc_desc .p2 a{ color:#ff0000;}
.gd{padding:0.8rem 2%;background-color:#efeae2;margin-bottom:2rem;}
.part-2 .gd ul{position:relative; height:6.1rem; width:51.5rem;}
.part-2 .gd ul li{ display:inline-block; padding-right:0.85rem; width:9rem; height:6.1rem;}
.part-2 .gd ul li img{  width:9rem; height:6.1rem;display:block;}

#de{ height:6.1rem; overflow:hidden;}
#de2{left:51.5rem;top:-6.1rem;}

.part-3{ background-color:#eae3d8; padding-top:2.5rem; padding-bottom:2.5rem;}
.part-4{ padding-top:2.5rem;}
.ry{ width:100%;  margin-bottom:1.5rem;}
.ry img{ max-width:100%; }
.pl{ margin-bottom:1.1rem;}
.pl li{ margin-bottom:0.5rem}
.pl dl{font-size:1.4rem; color:#777; }
.pl dl dt{ width:11%;  height:3.35rem;  }
.pl dl dt img{ max-width:100%; height:3.35rem;  overflow:hidden;}
.pl dl dd{ background-color:#fff;  padding:0 2%;height:3.35rem; line-height:3.35rem; width:82%;position:relative;}


.pl dl dd:before{display:block; content:""; position:absolute; top:1.2rem; width:0; height:0; border-color:transparent; border-style:solid;border-width:0.5rem;}
.pl dl dd.z:before{ right:-0.5rem; border-right-width:0; border-left-color:#fff}
.pl dl dd.z{ text-align:right;}
.pl dl dd.y{ text-align:left;}
.pl dl dd.y:before{ left:-0.5rem; border-left-width:0; border-right-color:#fff}

.bj{ width:100%; height:3rem; font-size:1.2rem; margin-bottom:0.3rem; overflow:hidden;background-color:#fff; }
.bj-01{ width:45%; padding-left:2%; line-height:3rem;  color:#f55140;position:relative; height:3rem;}
.bj-02{ width:14.2%;line-height:1.2rem; background:url(images/bj-02.png) no-repeat left center;background-size:contain; color:#fff; text-align:center; padding-top:0.3rem; height:2.7rem;;}
.bj-03{ width:36.8%; padding-left:2%;line-height:3rem; color:#aa7929; height:3rem;}

.bj-1{ background:url(images/bj-01.png) no-repeat right center;background-size:contain; }
.bj-2{ background:url(images/bj-03.png) no-repeat left center;background-size:contain; }




















.footer .f_nav {height:3rem; line-height:3rem;font-size:1.4rem; overflow:hidden;background-color:#996c33;}
.footer .f_nav li { width: 16.6%; float: left; text-align: center;}
.footer .f_nav li i{ font-style:normal; font-size:1rem;color:#f1eeeb;}
.footer .f_nav li.f{ border-left:none;color:#ffffff;}
.footer .f_nav li.l{ border-right:none;color:#ffffff;}
.footer .f_nav li a { color: #ffffff;}
.footer .copyright { text-align: center; color: #666666; line-height:1.5rem;background-color:#ffffff;font-size:1.1rem; }
.footer .copyright a { color: #666666; }
.footer .copyright p{padding-top:0.6rem;padding-bottom:0.8rem;}
.footer .btn a{ color:#af7123;}
.btn1{-webkit-animation-name: shake; animation-name: shake;-webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

@-webkit-keyframes f1{0%{ top:3rem;}50%{ top:2.5rem} 100%{ top:3rem;}}
@-o-keyframes f1{0%{ top:3rem;}50%{ top:2.5rem} 100%{ top:3rem;}}
@-ms-keyframes f1{0%{ top:3rem;}50%{ top:2.5rem} 100%{ top:3rem;}}
@-moz-keyframes f1{0%{ top:3rem;}50%{ top:2.5rem} 100%{ top:3rem;}}
@keyframes f1{0%{ top:3rem;}50%{ top:2.5rem} 100%{ top:3rem;}}
@-webkit-keyframes f2{0%{ top:2.5rem;}50%{ top:3rem} 100%{ top:2.5rem;}}
@-o-keyframes f2{0%{ top:2.5rem;}50%{ top:3rem} 100%{ top:2.5rem;}}
@-ms-keyframes f2{0%{ top:2.5rem;}50%{ top:3rem} 100%{ top:2.5rem;}}
@-moz-keyframes f2{0%{ top:2.5rem;}50%{ top:3rem} 100%{ top:2.5rem;}}
@keyframes f2{0%{ top:2.5rem;}50%{ top:3rem} 100%{ top:2.5rem;}}








@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) {

}
@media only screen and (max-width: 320px) {
.wp { max-width: 360px;}
html { font-size:62.5%;}

}

@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-8px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(8px, 0, 0)
}
}
@keyframes shake {
0%, 60%, 70%, 80%,90%,100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-8px, 0, 0)
}
20%, 40% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(8px, 0, 0)
}
}

@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, -20%, 0);
transform:translate3d(0, -20%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 20%, 0);
transform:translate3d(0, 20%, 0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, -20%, 0);
transform:translate3d(0, -20%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 20%, 0);
transform:translate3d(0, 20%, 0)
}
}

@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-2%,0, 0);
transform:translate3d(-2%,0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(2%,0, 0);
transform:translate3d(3%,0, 0)
}
}