@charset "gb2312";
html{-webkit-tap-highlight-color:transparent;}
body{width:100%;  font-family:'Microsoft Yahei'; }
html, button, input, select, textarea { font-family:'Microsoft Yahei';}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden;}

.u-tit{ display: block; width: 10rem; margin:.3rem auto .3rem; padding-top: .4rem; height: auto; overflow: hidden;} 
.u-tit h2{height:  1.413333rem; line-height: 0.8rem; text-align: center;  font-size:.64rem; color: #333333;}
.u-tit.t4{background:url(../images/tit_bg.png) no-repeat center; background-size:2.88rem 1.413333rem}

.more{width:3.861111rem;height: 0.875rem;font-family: arial;line-height: 0.875rem;font-size: 0.416666rem;color: #7e99de;display: block;margin: 0.138888rem auto 0;border: solid 1px #e8ecfb;text-align: center;background: #fff;border-radius: 0.069444rem;}


.bg1{background:url(../images/banner.jpg) no-repeat center top;width: 10rem;height:11.666667rem;background-size: 10rem 11.666667rem;}


.wrapper{  width:10rem;margin:0px auto; height: auto; overflow: hidden;  }

.area2{ height: 5.6rem; background: #fff; padding-top: 0.5rem;}
.area2 p{padding:0 0.2rem; font-size: 0.333333rem; color: #444; line-height:0.55rem; text-indent: 2em; margin-bottom: 0.1rem;}
.area2 p span{color: #5264c2;}

.area3{ margin-top: 0.833333rem;height: 7.805555rem; background: url(../images/bg1.jpg) no-repeat center top; background-size: 9.180555rem 7.805555rem; }
.area3 .com{ padding-top: 2.65rem;}
.area3 p{ font-size: 0.293333rem; color: #777; line-height:0.48rem;  text-align: center;}


.area4{background: #f4f6fe;padding-bottom: 0.8rem;padding-top: 0.1rem;}
.area4 ul{margin-left: 0.266666rem;}
.area4 ul li{width: 4.583333rem;margin: 0 0.266666rem 0.266666rem 0;float: left;box-shadow: 1px 1px 5px #ddd;height: 5.333333rem;background: #fff;}
.area4 ul li img{ width: 4.583333rem; height: 3.4rem; }
.area4 ul li a h2{font-size: 0.3rem;color: #000;line-height: 0.46rem;padding: 0 0.208333rem; margin: 0.138888rem auto 0.138888rem;}
.area4 ul li a p{padding: 0px 0.208333rem;font-size: 0.25rem;color: #888;text-align: justify; line-height: 0.333333rem;}


.fukang{width: 1.527777rem;z-index: 4;height: 5.5rem;position: fixed;right: 0.1rem;bottom: 5%;border-radius: 0.25rem;overflow: hidden;}
.fukang li{ width: 1.527777rem; height: 1.527777rem; margin-bottom: 0.266666rem;}
.fukang li img{ width: 1.527777rem; height: 1.527777rem;}

.area5 .img4{width: 9.6rem; height: auto; display: block; margin:0 auto 0.2rem;}



.area6 img{ width:8.866667rem; height:10.16rem; display: block; margin:0 auto 0.2rem;}
.area6 p{width: 9.2rem; height: .96rem; margin: 0 auto 0.2rem;border-radius:8px; background: #f4f6fe; font-size: .4rem; color: #5264c2; line-height:.96rem; text-align: center;}



.area7{ width: 10rem; height:auto; padding-bottom: 0.5rem; overflow: hidden; margin-top: 0.3rem;}
.area7 .event{ width:10rem;  margin: 0 auto; }

.area7 .event{width:9.6rem; height:10.933333rem; margin: 0 auto;}
.area7 .event .list {background: url(../images/icon-d.gif) no-repeat 2.1rem 0.23rem; background-size: .2rem;}
.area7 .event .list h3{float: left; width: 2rem; font-size: .32rem; color: #5264c2; font-weight: bold; text-align: center; line-height: .64rem;}
.area7 .event .list h3 span{display: block; color: #c25287;}
.area7 .event .list .info{float: right; width: 7rem;background: url(../images/line.gif) repeat-y;padding: 0 0 0.3rem 0.4rem;}
.area7 .event .list .info p{font-size: .32rem; color: #c25287; line-height: .5rem; margin-bottom: 0.2rem; margin-top: 0.1rem; font-weight: bold;}
.area7 .event .list .info p span{ font-size: 0.24rem; color: #5264c2; font-weight: normal;}
.area7 .event .list .info p a{color: #c25287;}

.area7 .event .list .info2{float: right; width: 7rem;background: url(../images/line.gif) repeat-y;padding: 0 0 0.3rem 0.4rem;}
.area7 .event .list .info2 div{font-size: .32rem; line-height: 0.4rem; color: #c25287; margin-bottom: 0.3rem; margin-top: 0.15rem; font-weight: bold;}
.area7 .event .list .info2 div span{ color: #999;}
.area7 .event .list .info2 div b{ display: inline-block; width: 2rem; float: left;}
.area7 .event .list .info2 div p{float: left; width: 4.9rem;}
.area7 .event .list .info2 div p strong{ color: #5264c2; font-size: 0.24rem; font-weight: normal;}
.area7 .event .list .info2 div.tip{color: #666; font-size: .24rem; padding-left: 2.2rem; font-weight: bold; margin-top: 0.42rem;}
.area7 .event .list .info2 div.tip span{ color: red;}






.area9{ width: 10rem; height:8.5rem;background: #f4f6fe; overflow: hidden;}
.vote_zone .inner{ width: 9.722222rem; position: relative;}
.area9 .iconfont{color: #bfccff;padding-right: 0;width: 1.152777rem;text-align: center;vertical-align:  middle;line-height: 1.638888rem;}
.vote_zone ul{padding-left: 0.235rem;padding-bottom: 0.555555rem;}
.vote_zone ul li{width:3.055555rem;overflow: hidden;transition: all 0.5s linear 0s;-webkit-transition: all 0.5s linear;height:1.611111rem;border-radius: 0.069444rem;-webkit-border-radius: 0.069444rem;float:left;margin-right:0.180555rem;margin-bottom:0.277777rem;background: #5376d1;}
.vote_zone ul li p{ font-size: 0.333333rem;color: #333; padding-top:1.430555rem; font-weight: bolder; text-align: center;}
.vote_zone ul li:hover .iconfont {color: #fff;}

.vote_zone .notice{ font-size:0.291666rem; color:#999; margin: 0.208333rem auto 0.555555rem; text-align: center; font-weight: lighter; }
.vote_zone span{font-size: 0.333333rem;float: left;font-weight: bold;color: #fff;text-align: center;line-height: 1.638888rem;}
.vote_zone .icon1{ font-size: 0.763888rem; float: left;}
.vote_zone .icon2{ font-size: 0.875rem; float: left; }
.vote_zone .icon3{ font-size: 0.805555rem; float: left; }
.vote_zone .icon4{ font-size: 0.902777rem; float: left; }
.vote_zone .icon5{ font-size: 1.027777rem; float: left; }
.vote_zone .icon6{ font-size: 0.847222rem; float: left; }
.vote_zone .icon7{ font-size: 0.805555rem; float: left; }
.vote_zone .icon8{ font-size: 0.819444rem; float: left; }
.vote_zone .icon9{ font-size: 0.861111rem; float: left; }
.vote_zone .icon10{ font-size: 0.861111rem; float: left; }
.vote_zone .icon11{ font-size: 0.902777rem; float: left; }
.vote_zone .icon12{ font-size: 0.833333rem; float: left; }
.vote_zone .icon13{ font-size: 0.763888rem; float: left; }
.vote_zone .icon14{font-size: 0.63rem;float: left;line-height: 1.666666rem !important;}
.vote_zone .icon15{ font-size: 0.763888rem; float: left; }
.vote_zone .jb{ display: inline-block; float:left; width: 0.722222rem; height: 0.777777rem; margin: 0.416666rem 0.138888rem 0 0.222222rem;}
.vote_zone .one{ background: #c84798;}





.area11{ width: 10rem; height: 11.2rem;background: #fff; overflow: hidden;}


.area12{ width: 10rem; height:6.626667rem; margin-top: 0.3rem; overflow: hidden;}
.area12 .wx_bg{display: block; width: 10rem; height: 3.6rem; background: url(../images/footer_bg_01.jpg) no-repeat; background-size: 10rem 3.6rem;}
.area12 .wx_bg .cen{ width: 6rem; margin: 0 auto;}
.area12 .wx_bg img{ display: block; width: 2.026667rem; height: 2.666667rem; float: left; margin: 0.8rem 0.45rem 0;}
.area12 a {display: block;background: url(../images/footer_bg_02.jpg) no-repeat; background-size: 10rem; height:3.026667rem;}
.area12 a img{ display: block;width: 10rem; height:3.026667rem;}



.review .top {  margin: 0 auto 0.305555rem 0.277777rem; }
.review .top li {width:2.26rem; float: left; background: #a7b7f6; text-align: center; margin-right: 0.138888rem;   height:0.833333rem;  font-size:0.3rem; line-height:0.805555rem; border-radius: 0.069444rem; -webkit-border-radius: 0.069444rem; color:#fff;  cursor:pointer; }
.review .top li i{ font-size: 0.36rem; color: #fff; opacity: 0.6;}

.review .top li.a1{ background: #a7b7f6;}
.review .top li.a2{ background: #5376d1;}
.review .top li.a3{ background: #3769e7;}
.review .top li.a4{ background: #0e4ff3;}
.review .top li.active{ background: #c84798;}
.review .top li.active i{ color: #fff;opacity:1;}
.review .boxImg .imgList{ display: block; margin: 0 auto; width: 9.444444rem; height: 7.430555rem;} 
.review .big_bg{ background: #ededed;}

.slideBox{ width:9.444444rem; height:7.430555rem; overflow:hidden; position:relative; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:9.444444rem; height:6.25rem; display:block;  }
.slideBox .prev .icon-zuoyouqiehuan{line-height: 0.777777rem;font-size: 0.722222rem; color:#c0c1c3 ;}
.slideBox .next .icon-btnright{line-height: 0.777777rem;  font-size: 0.763888rem;}
.slideBox .prev .icon-zuoyouqiehuan{ left: 3.805555rem;  color: #a1a1a1;  top:6.708333rem; position: absolute; z-index: 5;  } 
.slideBox .prev:hover .icon-zuoyouqiehuan{ left: 3.805555rem;   color: #839cde;  top:6.708333rem; position: absolute; z-index: 5;  } 

.slideBox .next .icon-btnright{ right: 3.805555rem; top:6.708333rem; position: absolute; z-index: 5; color: #839cde; } 
.slideBox .next:hover .icon-btnright{ right: 3.805555rem; top:6.708333rem; position: absolute; z-index: 5; color: #839cde; } 


.slideBox2{ width:9.444444rem; height:6.5rem;  position:relative; margin: 0 auto; }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:8.266667rem; height:5.466667rem; display:block;  }
.slideBox2 .prev,.slideBox2 .next{ display: block; position: absolute; right: 0; width:.625rem; height: 1.7rem;line-height:1.7rem;text-align: center; background: #839cde;}
.slideBox2 .next{top: 3.78rem;background: #c0c1c3;}
.slideBox2 .prev::after{content: '';position: absolute;width:0.027777rem;height: 1.75rem;background-color: #c0c1c3;top: 1.85rem;right: 0.3rem;}
.slideBox2 .prev .icon-shang,.slideBox2 .next .icon-xia{  font-size: 0.2rem; color:#fff ;}
.slideBox2 .next:hover{  background: #839cde;}