@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;}
img{ border:none; border:0;}
.pic{ width:100%;max-width:100%; height:auto; display:block; margin:0 auto;}
.b{ font-weight:bold;}
/*µ¯³ö²ã*/
.about-info{ position:absolute; background:#fff; z-index:99; width:80%; left:10%; border:3px solid #ccc; border-radius:0.4rem; font-size:1.4rem;  box-shadow:0 0 6px #333;}
.about-info .name{ padding:1rem 1rem 0;}
.about-info .info{ border-top:1px solid #eee; padding-top:0.5rem; margin-top:0.5rem;padding:1rem; }
.about-info i{ display:block; position:absolute; top:-2rem; right:-2rem; width:4rem; height:4rem; border-radius:50%; background:#ccc; border:1px solid #999; color:#fff; font-style:normal; text-align:center; line-height:4rem;}
.about-info a{ padding:0 1rem 1rem; display:block;}
/**/
/*head*/
#header { background: #c08e46;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); position:relative; z-index:2; }
#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:#ffffff; color:#ddb04b;}
#header .top .y a:last-of-type{ margin-left:1rem; background-color:#fd9f58;color:#ffffff}
#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 .img{ position:relative;}
.banner .btn{ position:absolute; bottom:0; left:0; width:100%;height:6.35rem; display:block;}
.banner img{ width:100%; height:auto; display:block;}
.part{padding:0.2rem 0 1.7rem 0;}
.part .pt{font-size:1.4rem;line-height:1.9rem;color:#444444;text-indent:2em;margin-bottom:1rem;}
.part .pt1{border:1px dashed #c7a262;height:2.6rem;text-align:center;line-height:2.6rem;width:85%;color:#dd9d41;font-size:1.2rem;margin:0 auto;font-weight:100;}
.slider{padding:0 0 1.9rem 0;} 
.slider .hd{margin-bottom:1.7rem;}
.slider .hd li{ float:left; width:50%;height:3.3rem;background-color:#b5a174;line-height:3.3rem;text-align:center;font-size:1.6rem;color:#ffffff;float:left;font-weight:bolder;}
.slider .hd li i{ display:none;}
.slider .hd li span{line-height:3.5rem;}
.slider .hd li.on{background-color:#e29d3a; position:relative;}
.slider .hd li.on i{ display:block; border-bottom:0;border-top:0.5rem solid #e29d3a;border-left:0.5rem solid #ffffff;border-right:0.5rem solid #ffffff;left:50%;bottom:-0.5rem;margin-left:-0.5rem;position:absolute;}
.slider .bd .bd-box ul li{width:46.3%;height:7.6rem;border:1px solid #e8e8e8;padding:0.4rem 2.3% 0 1%;margin-bottom:0.9rem;}
.slider .bd .bd-box ul li .im{width:6.1rem;height:7.15rem;margin-right:0.7rem;float:left;}
.slider .bd .bd-box ul li .name{font-size:1.4rem;line-height:1.9rem;color:#dc9631}
.slider .bd .bd-box ul li .job{font-size:1rem;line-height:1.4rem;color:#666666;margin-top:0.2rem;}
.slider .bd .bd-box ul .ajxc{font-size:0.8rem;}
.slider .bd .bd-box ul li .zx{height:1.6rem;margin-top:0.5rem;}
.slider .bd .bd-box ul li .zx a{width:3.2rem;height:1.6rem;line-height:1.6rem;font-size:1rem;color:#ffffff;text-align:center;display:block;}
.slider .bd .bd-box ul li .zx .a1{background-color:#cfa160;}
.slider .bd .bd-box ul li .zx .about{background-color:#b6a787;height:1.6rem;width:3.2rem;text-align:center;margin-top:0px;}
.slider .bd .bd-box .im1{background:url(images/ckys_14.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im0{background:url(images/123.png) no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im01{background:url(images/ckys_12.jpg) no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im2{background:url(images/ckys_18.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im3{background:url(images/ckys_19.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im4{background:url(images/ckys_22.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im5{background:url(images/ckys_23.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im6{background:url(images/ckys_26.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im7{background:url(images/ckys_27.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im8{background:url(images/ckys_31.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im9{background:url(images/ckys_33.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im10{background:url(images/ckys_36.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .im11{background:url(images/hty_yd.jpg)no-repeat left center;background-size:contain;}

.slider .bd .bd-box .iml{background:url(images/ckys_12-li.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .imf{background:url(images/ckys_12-feng.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .imc{background:url(images/ckys_12-ch.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .imz{background:url(images/ckys_12-zh.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .imm{background:url(images/ckys_12-mao.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box .imw{background:url(images/ckys_12-wang.jpg)no-repeat left center;background-size:contain;}
.slider .bd .bd-box ul .help{margin-bottom:0;}
.part-1{background-color:#c7a262;padding:1rem 0 2rem 0;}
.title{height:2.5rem;}
.part-1 .col{margin-bottom:1.4rem;}
.title h3{text-align:center;line-height:2.5rem;font-size:2rem;color:#fefefe;}
.part-1 .lcs{padding:1rem 2%;background-color:#ffffff;margin-bottom:1.4rem;}
.part-1 .lcs img{height:10.4rem;width:28.75rem;margin-bottom:0.6rem;display:block;width:100%;}
.part-1 .lcs p{font-size:1.2rem;line-height:1.7rem;color:#444444;text-indent:2em;}
.part-1 ul{height:24.8rem;}
.part-1 ul li{height:10.45rem;width:44.3%;border:1px solid #e8e8e8;padding:0.8rem 2% 0 2%;margin-bottom:0.9rem;background-color:#ffffff}
.part-1 ul li .im{13.3rem;height:8.05rem;margin-bottom:0.4rem;}
.part-1 ul .im0{background:url(images/ckys_45.jpg) no-repeat top center;background-size:contain;}
.part-1 ul .im1{background:url(images/ckys_47.jpg) no-repeat top center;background-size:contain;}
.part-1 ul .im2{background:url(images/ckys_51.jpg) no-repeat top center;background-size:contain;}
.part-1 ul .im3{background:url(images/ckys_53.jpg) no-repeat top center;background-size:contain;}
.part-1 ul li p{text-align:center;font-size:1rem;line-height:1.7rem;color:#444444;}
.part-1 ul li .p1{line-height:1.4rem;}
.part-1 ul .help{margin-bottom:0;}
.part-1 ul .high{height:11.5rem;}
.part-2{padding:1.8rem 0 2.1rem;background-color:#fff;}
.part-2 .col{margin-bottom:0.2rem;}
.part-2 .ys{color:#ec9303;}
.part-2 .xian{height:2.5rem;margin-bottom:1.2rem;}
.part-2 .xian h2{color:#666666;text-align:center;font-size:1.5rem;line-height:2.4rem;float:left;width:78%;}
.part-2 .xian i{background:url(images/ckys_x.jpg) repeat-x 0 0;width:11%;height:0.35rem;margin-top:1.3rem;}
.part-2 .u1{margin-bottom:1.75rem;height:19rem;}
.part-2 .u1 li{height:8.8rem;width:48.5%;margin-bottom:1.4rem;}
.part-2 .u1 li img{width:100%;height:6.5rem;display:block;}
.part-2 .u1 li p{font-size:1.2rem;line-height:2.3rem;height:2.3rem;width:100%;text-align:center;color:#fefefe;background-color:#fb8c98;}
.part-2 .u1 .help{margin-bottom:0;}
.part-2 .u1 .l1{background-color:#63d895;}
.part-2 .u1 .l2{background-color:#70a1de;}
.part-2 .u1 .l3{background-color:#ed9548;}
.part-2 .u2{height:7.2rem;margin-bottom:1.7rem;}
.part-2 .u2 li{width:24%;height:7.2rem;background-color:#b3f2c7;float:left;border-radius:50%;margin-right:1%;}
.part-2 .u2 li p{font-size:1.2rem;line-height:1.7rem;color:#444444;text-align:center;padding-top:2rem;}
.part-2 .u2 .help{margin-right:0px;}
.part-2 .u2 .l2{background-color:#ffd3d8;}
.part-2 .u2 .l3{background-color:#f5d4b7;}
.part-2 .u2 .l4{background-color:#c8dcf5;}
.part-2 .zx{width:62%;height:2.2rem;margin:0 auto;}
.part-2 .zx a{width:46%;height:2.2rem;}
.part-2 .zx a img{display:block;height:2.2rem;width:100%;}
.part-2 .xi{margin:1.7rem 0 1.4rem 0;}
.part-2 .i1{width:13%;}
.part-2 .hh{width:74%;}
.part-2 .u3{height:8.2rem;}
.part-2 .u3 li{float:left;height:8.2rem;width:24%;margin-right:1.3%;}
.part-2 .u3 li img{width:100%;height:5.85rem;display:block;}
.part-2 .u3 li p{height:2.35rem;width:100%;background-color:#e9e6e2;font-size:1.2rem;line-height:2.35rem;color:#444444;text-align:center;}
.part-2 .u3 .help{margin-right:0px;}
.part-3{background-color:#c7a262;padding:1.6rem 0 1.8rem 0;}
.part-3 .bot{margin-bottom:1rem;}
.part-3 h2{font-size:1.2rem;color:#444444;background-color:#efddbe;height:2.3rem;line-height:2.3rem;text-align:center;font-weight:100;}
.part-3 .bd{height:1.1rem;background-color:#fff;}
.zx2{height:9.6rem;margin-bottom:1rem;}
.zx2 img{width:2.7rem; height:2.7rem; display:block;}
.zx2 .axb{height:8.6rem;float:right;width:88%;}
.zx2 .dh{height:7.8rem; border-radius:0.2rem;-moz-border-radius:0.2rem;-ms-border-radius:0.2rem;-o-border-radius:0.2rem;-webkit-border-radius:0.2rem;background-color:#f4f4f4;padding-top:0.2rem;}
.zx2 .dh .name{ font-size:1.2rem; color:#d5a553; padding-left:0.7rem; padding-bottom:0.1rem;line-height:1.4rem;font-weight:bolder;}
.zx2 .dh .nr{ margin:0 0.3rem; padding-bottom:0.2rem; padding-left:0.5rem; line-height:1.5rem; color:#666666; font-size:1rem;}
#demo{ position:relative; overflow:hidden; height:29.3rem; padding:0 1.3%;background-color:#fff;}
#demo1{ position:relative;padding:0 1.3%;}
#demo2{ position:relative;padding:0 1.3%;}
.zan{height:1.5rem;border:1px solid #e4e4e4;}
.zan a{width:49.7%;height:1.5rem;text-align:center;line-height:1.5rem;font-size:1rem;color:#666666;background-color:#fff;cursor:pointer}
.zan .a1{border-right:1px solid #e4e4e4;}
.footer { background: #4d4d4d; }
.footer .f_nav { background: #767676; height:30px; line-height:30px; height:3rem; line-height:3rem; font-size:14px; font-size:1.4rem; overflow:hidden;}
.footer .f_nav li { width: 16%; float: left; text-align: center; border-right:1px solid #4b4b4b; border-left:1px solid #939393;}
.footer .f_nav li.f{ border-left:none;}
.footer .f_nav li.l{ border-right:none;}
.footer .f_nav li a { color: #ffffff;}
.footer .copyright { padding: 1rem 0px; text-align: center; color: #f6efd7; line-height:2rem;}
.footer .copyright a { color: #f6efd7; }
.footer .copyright p{font-size:1.2rem;line-height:2rem;}
.footer .copyright span{margin-right:1rem;}
@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) {
}

@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 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(-5px, 0, 0)
}
20%, 40% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 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)
}
}