body { font-size:14px; color:#222; font-family:"Î¢ÈíÑÅºÚ"; margin:0px auto;}
a:link{ font-size:14px; color:#222; font-family:"Î¢ÈíÑÅºÚ"; text-decoration:none;}
a:visited{ font-size:14px; color:#222; font-family:"Î¢ÈíÑÅºÚ"; text-decoration:none;}
a:hover{ font-size:14px; color:#F54343; font-family:"Î¢ÈíÑÅºÚ"; text-decoration:none;}
ul,ol,li,dt,dd,dl,h1,h2,h3,h4,h5,h6{ float:left; list-style:none; margin:0px; padding:0px; overflow:hidden;}
div{ height:auto; margin:0px auto; padding:0px; overflow:hidden;}
img{ border:0px;}

.dh{ width:1280px; padding-top:20px; color:#CCCCCC;;}
.dh ul{ width:235px; height:50px; margin-right:19px; border-right:#E3E3E3 solid 1px;}
.dh ul li{ width:100%; height:24px; line-height:24px;}
.dh ul li a{ float:left; padding-right:10px;}

.logo{ width:1280px; height:auto; padding:25px 0px 20px 0px;}
.logo-l{ float:left; width:auto;}
.logo-l img{ height:40px;}
.logo-z{ float:left; width:auto; padding-left:180px;}
.logo-z form{ float:left; width:400px; height:40px; line-height:40px; border:#DD1A1A solid 1px; border-radius:12px; overflow:hidden;}
.logo-z .txt{ float:left; width:340px; height:40px; line-height:40px; padding-left:5px; border:none; color:#999999;}
.logo-z .anniu{ float:right; width:40px; height:40px; background:url(ss.png) no-repeat center #DD1A1A; color:#FFFFFF; cursor:pointer;text-indent:-9999px; border:none;}
.logo-r{ float:right; width:auto; overflow:hidden;}
.logo-r li{ float:left; overflow:hidden;}
.logo-r li a{ float:left; width:30px; margin-left:20px; text-align:center; overflow:hidden;}
.logo-r li img{ margin-bottom:4px;}

.dnav-d{ width:1280px; height:auto; background:#1C5090; margin:0px auto; border-radius:5px;}
.dnav{ width:1280px; height:48px; margin:0px auto; line-height:46px;}
.dnav a{ padding:0px 35px 0px 25px; color:#f8f8f8; background:url(x.png) no-repeat center right; font-size:18px;}

.tt{ width:1240px; height:auto; margin:0px auto; padding:20px; margin-top:20px; background:#F5F5F5; border-bottom:#EAEAEA solid 3px; text-align:center; border-radius:5px; overflow:hidden;}
.tt span{ float:left; width:100%; height:60px; line-height:60px; margin:0px auto;letter-spacing:3px; font-size:40px; font-weight:bold; overflow:hidden;}
.tt em{ float:left; width:100%; height:40px; line-height:40px; margin:0px auto;letter-spacing:3px; font-size:16px; font-style:normal; overflow:hidden;}


.da{ width:1280px; margin-top:20px; overflow:hidden;}
.da-l{ float:left; width:840px;}
/*hd start*/
#main { float:left; width:840px; height:480px; margin:0px auto; text-align:left; position: relative; z-index:0; border-top-left-radius:8px; border-top-right-radius:8px; overflow:hidden;}
#controller {width:auto;height:16px;text-align: center; position:absolute; bottom:15px; right:40px;}
#controller li {display: inline; float:left; width:8px; height:8px; border-radius:10px; margin-top:4px; text-indent:-9999px; margin-right:8px; background:#EBEBEB; cursor:pointer;}
#controller li.active { width:30px; height:8px; background:#F4303E; margin-top:4px;}
.tbui_slideshow_container {
width:840px;
height:480px;
overflow:hidden;
position:relative;
}
#next,#prev{ width:18px; height:34px; overflow:hidden; position:absolute; bottom:8px; text-indent:-9999px; cursor:pointer;}
#prev{ right:160px;
background: url("left.png") no-repeat;
}
#next{ right:10px;
background: url("right.png") no-repeat;
}
.tbui_slideshow_container .tbui_slideshow_slide {
position: absolute;
top: 0;
left: 0;
display : none;
webkitBackfaceVisibility: hidden;
}
.tab_list{ display:none;}
.tbui_slideshow_list img{ width:840px; height:auto; overflow:hidden;}

.tbui_slideshow_list li span{ position:absolute; left:0px; bottom:0px; width:800px; height:50px; padding:0px 20px 0px 20px; line-height:50px; color:#FFF; text-shadow:0px 0px 1px #000; font-size:18px; background:url(b.png) repeat-x bottom; overflow:hidden;}
/*hd end*/
.da-l-v{ float:left; width:840px; height:auto; margin:0px auto; padding-top:20px; overflow:hidden;}
.da-l-v li{ float:left; width:270px; height:240px; margin:0px auto; padding-right:15px; overflow:hidden;}
.da-l-v li em{ position:relative; float:left; width:270px; height:180px; margin:0px auto; border-radius:8px; text-align:center; overflow:hidden;}
.da-l-v li em img{ width:270px; max-height:180px; min-height:180px;}
.da-l-v li span{ float:left; width:270px; height:52px; margin:0px auto; line-height:26px; text-align:center; padding-top:8px; font-size:16px; overflow:hidden;}
.da-l-v li:hover i{ background:url(v2.png) no-repeat;}
.da-l-v li i{ position:absolute; left:10px; bottom:10px; float:left; width:28px; height:28px; margin:0px auto; background:url(v.png) no-repeat; overflow:hidden;}

.da-r{ float:right; width:410px;}
.da-r-t h6{ float:left; width:410px; height:auto; margin:0px auto; overflow:hidden;}
.da-r-t h6 a{ float:left; width:410px; height:30px; font-size:20px; line-height:30px; overflow:hidden;}
.da-r-t h6 span{ float:left; width:410px; height:38px; line-height:36px; color:#9D9D9D; font-size:14px; font-weight:normal; overflow:hidden;}
.da-r-t li{ float:left; width:410px; height:30px; margin:0px auto; line-height:30px; overflow:hidden;}
.da-r-t li a{ font-size:14px;}
.da-r-gd{ width:410px; height:240px; margin:0px auto; padding-top:15px; overflow:hidden;}
.da-r-gd dt{ width:395px; height:40px; margin:0px auto; font-size:20px; line-height:40px; font-weight:bold; background:url(t.jpg) no-repeat center left; padding-left:15px; overflow:hidden;}
#toutiao{ width:410px; height:200px; overflow:hidden;}
#toutiao li{ width:410px; height:40px; margin:0px auto; padding:0px 0px 0px 0px; line-height:40px; background:url(q1.jpg) repeat-y left; overflow:hidden;}
#toutiao li a{ font-size:16px; background:url(q.jpg) no-repeat center left; padding-left:20px;}

.tw{ width:1280px; margin-top:20px; overflow:hidden;}
.tw li{ width:305px; padding-right:20px; padding-bottom:20px; overflow:hidden;}
.tw li span{ float:left; width:305px; height:200px; border-radius:8px; overflow:hidden;}
.tw li span img{ width:305px; min-height:200px;}
.tw li em{ float:left; width:305px; font-style:normal; padding-top:10px; font-size:16px; line-height:26px; text-align:center; overflow:hidden;}

.dt{ width:1280px; height:65px; margin-top:20px; border-top:#D2242E solid 1px;}
.xw{ background:url(t1.png) no-repeat left center;}
.yl{ background:url(t2.png) no-repeat left center;}
.cj{ background:url(t3.png) no-repeat left center;}
.fas{ background:url(t4.png) no-repeat left center;}
.qc{ background:url(t5.png) no-repeat left center;}
.sm{ background:url(t6.png) no-repeat left center;}
.dt span{ float:left; width:auto; height:51px; line-height:51px; font-size:32px; font-weight:bold; margin-left:35px; padding:0px 10px 0px 10px; border-top:#D2242E solid 5px; overflow:hidden;}
.dt em{ float:right; height:56px; line-height:56px; font-style:normal; text-align:right; overflow:hidden;}
.dt em a{ float:left; height:26px; line-height:26px; margin-top:15px; color:#999999; font-size:14px; padding:0px 15px 0px 15px; border-radius:20px;}

.dn{ width:1280px;}
.dn-l{ float:left; width:400px; padding-right:20px; padding-top:20px; border-right:#E5E5E5 solid 1px;}
.dn-l-tj{ position:relative; float:left; width:400px; height:200px;}
.dn-l-tj img{  width:400px; min-height:200px;}
.dn-l-tj span{ float:left; position:absolute; left:0px; bottom:0px; width:390px; height:40px; text-align:center; line-height:40px; padding:0px 5px 0px 5px; color:#FFF; background:url(b.png);}
.dn-l-p{ float:left; width:400px; height:90px; padding-top:20px;}
.dn-l-p dt{ float:left; width:140px; height:90px;}
.dn-l-p dt img{ width:140px; min-height:90px;}
.dn-l-p dd{ float:right; width:240px; height:90px;}
.dn-l-p dd span{ float:left; width:240px; height:30px; line-height:30px; overflow:hidden;}
.dn-l-p dd span a{ font-size:16px;}
.dn-l-p dd em{ float:left; width:240px; height:60px; line-height:22px; color:#999; font-style:normal; overflow:hidden;}
.dn-z{ float:left; width:520px; padding:10px 20px 0px 20px; border-right:#E5E5E5 solid 1px;}
.dn-z-t{ float:left; width:520px; height:30px; line-height:30px; font-size:18px;}
.dn-z-t span{ float:left; background:url(t.jpg) no-repeat center left; padding-left:15px;}
.dn-z-t span a{ font-size:18px; font-weight:bold;}
.dn-z-p{ float:left; width:160px; height:150px; padding-right:20px; padding-top:6px;}
.dn-z-p dt{ width:160px; height:120px;}
.dn-z-p dt img{ width:160px; min-height:120px;}
.dn-z-p dd{ width:160px; height:30px; text-align:center; line-height:30px;}
.dn-z-lb{ float:left; width:255px; height:30px; line-height:30px;}
.dn-z-lb a{ font-size:14px;}

.dn-r{ float:right; width:260px; padding:10px 18px 5px 20px;}
.dn-r-t{ float:left; width:260px; height:30px; line-height:30px; font-size:18px;}
.dn-r-t span{ float:left; background:url(t.jpg) no-repeat center left; padding-left:15px;}
.dn-r-t span a{ font-size:18px; font-weight:bold;}
.dn-r-p{ float:left; width:260px; height:170px; padding-top:6px;}
.dn-r-p dt{ width:260px; height:140px;}
.dn-r-p dt img{ width:260px; min-height:140px;}
.dn-r-p dd{ width:260px; height:30px; text-align:center; line-height:30px;}
.dn-r-lb{ float:left; width:260px; height:30px; line-height:30px;}
.dn-r-lb a{ font-size:14px;}

.dn-l-t{ float:left; width:390px; height:40px; line-height:40px; font-size:18px; background:url(t.jpg) no-repeat center left; padding-left:15px; font-weight:bold;}
.dn-l-ph{ float:left; width:390px; overflow:hidden;}
.dn-l-ph span{ float:left; width:18px; height:18px; line-height:18px; text-align:center; margin-top:6px; border-radius:20px; background:#CCC; overflow:hidden;}
.dn-l-ph1,.dn-l-ph2,.dn-l-ph3{ background:#CE0000 !important; color:#FFF;}
.dn-l-ph em{ float:right; width:360px; height:30px; line-height:30px; font-style:normal; overflow:hidden;}
.dn-l-ph em a{ font-size:14px;}

.dn-z-p1{ float:left; width:250px; height:170px; padding-top:6px;}
.dn-z-p1 dt{ width:250px; height:140px;}
.dn-z-p1 dt img{ width:250px; min-height:140px;}
.dn-z-p1 dd{ width:250px; height:30px; text-align:center; line-height:30px;}

.cj{ width:1280px;}
.cj li{ width:200px; height:200px; padding-right:16px; padding-top:20px;}
.cj li dt{ width:200px; height:140px; border-radius:8px; overflow:hidden;}
.cj li dt img{ width:200px; min-height:140px;}
.cj li dd{ width:200px; height:60px; text-align:center; line-height:24px; font-size:16px; padding-top:10px; overflow:hidden;}
.cjj{ width:1280px; padding-top:10px;}
.cjj li{ width:410px; height:auto;}
.cjj li dt{ width:410px; height:40px; line-height:40px; font-size:18px; background:url(t.jpg) no-repeat center left; padding-left:15px; font-weight:bold; overflow:hidden;}
.cjj li dd{ width:410px; height:40px; line-height:40px; font-style:normal; overflow:hidden;}
.cjj li dd a{ font-size:16px;}

.ss{ width:1280px; padding-top:20px; padding-bottom:10px;}
.ss-p{ position:relative; width:297px; height:160px; margin:0px auto; border-radius:8px; margin-right:30px; overflow:hidden;}
.ss-p img{ width:297px;}
.ss-p:hover div{ height:60px; background:url(a.png); color:#333; -webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.ss-p:hover div span{ color:#333;}
.ss-p div{ position:absolute; width:277px; height:34px; left:0px; bottom:0px; padding:0px 10px 0px 10px; background:url(b.png); overflow:hidden;-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.ss-p div span{ float:left; width:287px; height:30px; line-height:30px; font-size:16px; color:#FFF; overflow:hidden;}
.ss-p div em{ float:left; width:287px; height:26px; line-height:26px; text-align:right; font-style:normal; overflow:hidden;}
.ss-p div em img{ float:right; width:15px; height:13px; padding-top:7px;}
.ss-p div em i{ float:right; font-style:normal; padding-left:4px;}
.ss-tw{ width:405px; height:90px; margin:0px auto; padding-top:30px; overflow:hidden;}
.ss-tw dt{ float:left; width:160px; height:90px; border-radius:8px;}
.ss-tw dt img{ width:160px;}
.ss-tw dd{ float:right; width:225px; height:90px; line-height:30px;}
.ss-tw dd a{ font-size:16px;}
/*³µÄ£¿ªÊ¼*/
.layout-wrapper{
	width: 1280px;
	margin:0px auto;
	overflow:hidden;
	 padding-top:20px;
}
.princess-list{
    height: 400px;
    /*padding: 20px 0;*/
}
.princess-list .item{
    width: 203px;
    height: 360px;
    float: left;
    position: relative;
    overflow: hidden;
    top: 20px;
    transition: width .2s ease,top .2s ease,height .2s ease;
}

.princess-list .item .imgs{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.princess-list .item .item-mask{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 232px;
    min-height: 0: 
    /*background-repeat: no-repeat;
    background-size: 100% 100%;*/
}

.princess-list .item p{
	font-size:18px;
    color: #fff;
    padding: 0 20px;
	line-height:26px;
    height: 52px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 25px;
}
.princess-list .item.current{
    top: 0px;
    width: 260px;
    height: 400px;
    border-radius: 4px;
}

.clearFloat:after,
.clearFloat:before{
	content: "";
	display: table;
}
.clearFloat:after{
	clear: both;
}
.clearFloat{
	*zoom:1;
}
.clearFloat{
	content:""; 
	display: block; 
	clear:"";
	zoom:1;
}
.clearFloat:after{ 
	clear:both;
}

.clearFloat:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearFloat {
    zoom: 1;
}
/*³µÄ£½áÊø*/
.sm-n{ width:1280px; height:auto; margin:0px auto; padding:20px 0px 0px 0px; overflow:hidden;}
.sm-n-p{ width:297px; height:auto; margin:0px auto; border-radius:8px; margin-right:30px; margin-bottom:25px; overflow:hidden;}
.sm-n-p:hover dt span{ height:50px; display:block; bottom:0px; -webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.sm-n-p dt{ position:relative; width:297px; height:150px; margin:0px auto; overflow:hidden;}
.sm-n-p dt img{ width:297px;}
.sm-n-p dt span{ position:absolute; float:left; width:277px; height:34px; left:0px; bottom:-34px; line-height:24px; padding:0px 10px 0px 10px; color:#FFF; font-size:16px; text-align:center; background:url(b.png); -webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.sm-n-txt{ width:300px; height:30px; margin:0px auto; line-height:30px; padding:0px 16px 0px 0px;  overflow:hidden;}
.sm-n-txt a{ font-size:16px; background:url(q.jpg) no-repeat center left; padding-left:20px;}

.bq{ width:960px; padding-top:10px; padding-bottom:10px; line-height:24px; text-align:center;}
.bq li{ width:960px; padding-top:10px;}
