@charset "utf-8";
/* CSS Document */

body{ width:100%; height:auto; padding:0px; margin:0px; font-family: "微软雅黑";}
a:hover{}
a:link{ text-decoration:none; }
ul,li{ list-style:none; padding:0px; margin:0px;}



/*top 自适应结束*/
.banner{ width:100%; height:auto;}
.banner img { width:100%; height:auto;}

/*bottom 自适应*/
@media screen and (min-width:1000px){
.bottom{ width:1000px; margin:0 auto; color:#646464; height:960px; overflow:hidden;}
.bottom1{ float:left; width:486px; height:430px; margin-top:2em;}

.bottom1 h2{ width:100%; height:auto; border-bottom:#009BE2 2px solid; color:#009BE2;}
.bottom1 h2 small{ color:#ccc;}
.bottom1 h2 span{ border:#009BE2 1px solid; float:right; border-radius:30px; height:20px; line-height:18px;}
.bottom1 h2 a{ color:#009BE2;}
.bottomz{ width:100%; height:auto; overflow:hidden;}
.bottomz img { width:100%; height:auto;}
.bottomz p{ font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; text-indent:2em;}
.bottomz ul{}
.bottomz ul li { font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#009BE2;}
.bottomz ul li a{ color:#646464;}
.bottomz ul li a:hover{ color:#009BE2;}
.bottomz ul li small{ float:right;font-size:12px;}
.bottomz ul li span{ font-weight:bold; font-size:18px;color:#009BE2;}

.bottom2{ float:left; width:486px; height:430px;  margin-left:28px;margin-top:2em; overflow:hidden;}
.bottom2 h2{ width:100%; height:auto; border-bottom:#009BE2 2px solid; color:#009BE2;}
.bottom2 h2 small{ color:#ccc;}
.bottom2 h2 span{ border:#009BE2 1px solid; float:right; border-radius:30px; height:20px; line-height:18px;}
.bottom2 h2 a{ color:#009BE2;}
.bp{ width:100%; height:100px; margin-top:1.4em;}
.bp1{ float:left; width:140px;}
.bp1 img { width:100%; height:auto;}
.bp2{ float:left; width:330px; margin-left:16px;}
.bp2 h3{ font-size:14px; color:#009be2; margin:0px;}
.bp2 p{ font-size:12px; line-height:2.4em;}

.bpc{ width:486px; height:185px;  overflow:hidden;}
.bpc1{  height:185px; position:absolute;}
.bpc1 img {}
.bpc2{ width:486px; height:30px; line-height:30px; color:#FFF; margin-top:155px;position:absolute;
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpc2 a{color:#FFF;}

.bpcl{ width:232px; float:left;height:153px; margin-top:1.2em;}
.bpcl1{  height:153px; position:absolute;}
.bpcl1 img { }
.bpcl2{ width:232px; height:30px; line-height:30px; color:#FFF; margin-top:123px;position:absolute;
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpcl2 a{color:#FFF;}

.bpcr{ width:232px; float:left; margin-left:20px;height:153px; margin-top:1.2em;}
.bpcr1{  height:153px; position:absolute;}
.bpcr1 img {}
.bpcr2{ width:232px; height:30px; line-height:30px; color:#FFF; margin-top:123px;position:absolute;
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpcr2 a{color:#FFF;}
}

@media screen and (min-width: 740px) and (max-width: 999px){
.bottom{ width:90%; margin:0 auto; color:#646464;  overflow:hidden;}
.bottom1{ float:left; width:46%; height:auto; margin-top:2em;}

.bottom1 h2{ width:100%; height:auto; border-bottom:#009BE2 2px solid; color:#009BE2;}
.bottom1 h2 small{ color:#ccc;}
.bottom1 h2 span{ border:#009BE2 1px solid; float:right; border-radius:30px; height:20px; line-height:18px;}
.bottom1 h2 a{ color:#009BE2;}
.bottomz{ width:100%; height:auto; overflow:hidden;}
.bottomz img { width:100%; height:auto;}
.bottomz p{ font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; text-indent:2em;}
.bottomz ul{}
.bottomz ul li { font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#009BE2;}
.bottomz ul li a{ color:#646464;}
.bottomz ul li a:hover{ color:#009BE2;}
.bottomz ul li small{ float:right;font-size:12px;}
.bottomz ul li span{ font-weight:bold; font-size:18px;color:#009BE2;}

.bottom2{ float:left; width:46%;height:auto;  margin-left:28px;margin-top:2em; overflow:hidden;}
.bottom2 h2{ width:100%; height:auto; border-bottom:#009BE2 2px solid; color:#009BE2;}
.bottom2 h2 small{ color:#ccc;}
.bottom2 h2 span{ border:#009BE2 1px solid; float:right; border-radius:30px; height:20px; line-height:18px;}
.bottom2 h2 a{ color:#009BE2;}

.bp{ width:100%;  margin-top:0.4em; overflow:hidden;}
.bp1{ float:left; width:30%; }
.bp1 img { width:100%; height:auto;}
.bp2{ float:left;width:68%; margin-left:2%;}
.bp2 h3{ font-size:14px; color:#009be2; margin:0px; height:1.4em; padding:0px;}
.bp2 p{ font-size:12px; line-height:1.2em;padding:0px;margin:0px;}

.bpc{ height:auto;  overflow:hidden;  width:100%;}
.bpc1{  height:auto;}
.bpc1 img { width:100%; height:auto;}
.bpc2{  width:100%; height:2em; line-height:2em; margin-top:-2em;color:#FFF; 
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpc2 a{color:#FFF;}

.bpcl{ width:46%; float:left;  height:auto;margin-top:1.2em;}
.bpcl1{  height:auto; }
.bpcl1 img { width:100%; height:auto;}
.bpcl2{ width:100%; height:2em; line-height:2em; margin-top:-2em; color:#FFF; 
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpcl2 a{color:#FFF;}

.bpcr{ width:46%; float:left; margin-left:8%; margin-top:1.2em;}
.bpcr1{  height:auto; }
.bpcr1 img { width:100%; height:auto;}
.bpcr2{ width:100%;height:2em; line-height:2em; margin-top:-2em; color:#FFF; 
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpcr2 a{color:#FFF;}
}


@media screen and (min-width: 464px) and (max-width: 739px){
.bottom{ width:80%; margin:0 auto; color:#646464;  overflow:hidden;}
.bottom1{ float:left; width:100%; height:auto; margin-top:2em;}

.bottom1 h2{ width:100%; height:auto; border-bottom:#009BE2 2px solid; color:#009BE2;}
.bottom1 h2 small{ color:#ccc;}
.bottom1 h2 span{ border:#009BE2 1px solid; float:right; border-radius:30px; height:20px; line-height:18px;}
.bottom1 h2 a{ color:#009BE2;}
.bottomz{ width:100%; height:auto; overflow:hidden;}
.bottomz img { width:100%; height:auto;}
.bottomz p{ font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; text-indent:2em;}
.bottomz ul{}
.bottomz ul li { font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#009BE2;}
.bottomz ul li a{ color:#646464;}
.bottomz ul li a:hover{ color:#009BE2;}
.bottomz ul li small{ float:right;font-size:12px;}
.bottomz ul li span{ font-weight:bold; font-size:18px;color:#009BE2;}

.bottom2{ float:left; width:100%;height:auto; margin-top:2em; overflow:hidden;}
.bottom2 h2{ width:100%; height:auto; border-bottom:#009BE2 2px solid; color:#009BE2;}
.bottom2 h2 small{ color:#ccc;}
.bottom2 h2 span{ border:#009BE2 1px solid; float:right; border-radius:30px; height:20px; line-height:18px;}
.bottom2 h2 a{ color:#009BE2;}

.bp{ width:100%;  margin-top:0.4em; overflow:hidden;}
.bp1{ float:left; width:30%; }
.bp1 img { width:100%; height:auto;}
.bp2{ float:left;width:68%; margin-left:2%;}
.bp2 h3{  color:#009be2;  height:1.4em; margin-top:0px;}
.bp2 p{ font-size:12px; line-height:1.2em;}

.bpc{ height:auto;  overflow:hidden;  width:100%;}
.bpc1{  height:auto;}
.bpc1 img { width:100%; height:auto;}
.bpc2{  width:100%; height:2em; line-height:2em; margin-top:-2em;color:#FFF; 
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpc2 a{color:#FFF;}

.bpcl{ width:46%; float:left;  height:auto;margin-top:1.2em;}
.bpcl1{  height:auto; }
.bpcl1 img { width:100%; height:auto;}
.bpcl2{ width:100%; height:2em; line-height:2em; margin-top:-2em; color:#FFF; 
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpcl2 a{color:#FFF;}

.bpcr{ width:46%; float:left; margin-left:8%; margin-top:1.2em;}
.bpcr1{  height:auto; }
.bpcr1 img { width:100%; height:auto;}
.bpcr2{ width:100%;height:2em; line-height:2em; margin-top:-2em; color:#FFF; 
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpcr2 a{color:#FFF;}
}
 @media only screen and (max-width: 463px) {
	 .bottom{ width:80%; margin:0 auto; color:#646464;  overflow:hidden;}
.bottom1{ float:left; width:100%; height:auto; margin-top:2em;}

.bottom1 h2{ width:100%; height:auto; border-bottom:#009BE2 2px solid; color:#009BE2;}
.bottom1 h2 small{ color:#ccc;}
.bottom1 h2 span{ border:#009BE2 1px solid; float:right; border-radius:30px; height:20px; line-height:18px;}
.bottom1 h2 a{ color:#009BE2;}
.bottomz{ width:100%; height:auto; overflow:hidden;}
.bottomz img { width:100%; height:auto;}
.bottomz p{ font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; text-indent:2em;}
.bottomz ul{}
.bottomz ul li { font-size:12px; font-family:"宋体", "微软雅黑", "新宋体"; line-height:2em; color:#009BE2;}
.bottomz ul li a{ color:#646464;}
.bottomz ul li a:hover{ color:#009BE2;}
.bottomz ul li small{ float:right;font-size:12px;}
.bottomz ul li span{ font-weight:bold; font-size:18px;color:#009BE2;}

.bottom2{ float:left; width:100%;height:auto; margin-top:2em; overflow:hidden;}
.bottom2 h2{ width:100%; height:auto; border-bottom:#009BE2 2px solid; color:#009BE2;}
.bottom2 h2 small{ color:#ccc;}
.bottom2 h2 span{ border:#009BE2 1px solid; float:right; border-radius:30px; height:20px; line-height:18px;}
.bottom2 h2 a{ color:#009BE2;}

.bp{ width:100%;  margin-top:0.4em; overflow:hidden;}
.bp1{ float:left; width:30%; }
.bp1 img { width:100%; height:auto;}
.bp2{ float:left;width:68%; margin-left:2%;}
.bp2 h3{ font-size:14px; color:#009be2; margin:0px; height:1.4em; padding:0px;}
.bp2 p{ font-size:12px; line-height:1.2em;padding:0px;margin:0px;}

.bpc{ height:auto;  overflow:hidden;  width:100%;}
.bpc1{  height:auto;}
.bpc1 img { width:100%; height:auto;}
.bpc2{  width:100%; height:2em; line-height:2em; margin-top:-2em;color:#FFF; 
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpc2 a{color:#FFF;}

.bpcl{ width:46%; float:left;  height:auto;margin-top:1.2em;}
.bpcl1{  height:auto; }
.bpcl1 img { width:100%; height:auto;}
.bpcl2{ width:100%; height:2em; line-height:2em; margin-top:-2em; color:#FFF; 
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpcl2 a{color:#FFF;}

.bpcr{ width:46%; float:left; margin-left:8%; margin-top:1.2em;}
.bpcr1{  height:auto; }
.bpcr1 img { width:100%; height:auto;}
.bpcr2{ width:100%;height:2em; line-height:2em; margin-top:-2em; color:#FFF; 
background:#666 !important;filter:alpha(opacity=60);opacity:0.6; font-size:12px; text-align:center; font-weight:bold;}
.bpcr2 a{color:#FFF;}
 }
/*bottom 自适 应*/
@media screen and (min-width:1000px){

.ftop{ width:1000px; height:30px; border:#000 1px solid; margin:0 auto;}
.ftop ul{}
.ftop ul li{ float:left;  margin-right:0.6em; line-height:30px; font-size:12px; color:#646464;}
.ftop ul li a{ color:#646464;}
.ftop ul li a:hover{ color:#009BE2;}
.lispan{ background:#ccc; padding:0px; margin:0px;padding-left:0.4em;padding-right:0.4em;}

.foot{ width:100%; height:auto; background:#009BE2; margin-top:2em;}
.ft{ width:1000px; margin:0 auto; font-size:12px; padding-top:1em; padding-bottom:1em; text-align:center; color:#FFF;}
.ft a{ color:#fff;}
}

@media screen and (max-width: 999px){

.ftop{ width:100%; height:30px; border:#000 1px solid; margin-top:2em; overflow:hidden;}
.ftop ul{}
.ftop ul li{ float:left;  margin-right:0.6em; line-height:30px; font-size:12px; color:#646464;}
.ftop ul li a{ color:#646464;}
.ftop ul li a:hover{ color:#009BE2;}
.lispan{ background:#ccc; padding:0px; margin:0px;padding-left:0.4em;padding-right:0.4em;}

.foot{ width:100%; height:auto; background:#009BE2; margin-top:2em;}
.ft{ width:100%; margin:0 auto; font-size:12px; padding-top:1em; padding-bottom:1em; text-align:center; color:#FFF;}
.ft a{ color:#fff;}
}